diff options
Diffstat (limited to 'styles/main.css')
| -rw-r--r-- | styles/main.css | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..bba44fd --- /dev/null +++ b/styles/main.css @@ -0,0 +1,118 @@ +.search button{margin-top:10px;cursor:pointer;border:none;background:var(--color-dark);fill:#fff;fill:var(--dark-mode-and-search-icon-color)}.search button:focus{outline:none}.search-hotkey-popup{background-color:var(--background-color) !important;padding:4px}.popup-wrapper{min-width:calc(100% - 322px) !important;border:1px solid rgba(255,255,255,.2) !important;background-color:#27282c !important}.popup-wrapper [class^=filterWrapper]{border-bottom:1px solid rgba(255,255,255,.2)}.popup-wrapper input{color:rgba(255,255,255,.8) !important;font-weight:normal !important}.popup-wrapper span[data-test-custom=ring-select-popup-filter-icon]{color:#fff}.popup-wrapper button[data-test=ring-input-clear]{color:#fff !important}@media screen and (max-width: 759px){.popup-wrapper{min-width:100% !important}}.template-wrapper{display:grid;height:32px;grid-template-columns:auto auto}.template-wrapper strong{color:rgba(255,255,255,.8)}.template-wrapper span{color:rgba(255,255,255,.8);line-height:32px}.template-wrapper span.template-description{color:rgba(255,255,255,.6);justify-self:end}@media screen and (max-width: 759px){.template-wrapper{display:flex;flex-direction:column;height:auto}.template-wrapper span{line-height:unset}}.template-name{justify-self:start}[class^=fade]{display:none}[class*=hover]{background-color:rgba(255,255,255,.1) !important} +/* stylelint-disable color-no-hex */ + +:root { + --ring-unit: 8px; + + /* Element */ + --ring-line-color: #dfe5eb; + --ring-dark-line-color: #475159; + --ring-borders-color: #b8d1e5; + --ring-dark-borders-color: #406380; + --ring-icon-color: var(--ring-borders-color); + --ring-icon-secondary-color: #999; + --ring-border-disabled-color: #dbdbdb; + --ring-icon-disabled-color: #bbb; + --ring-border-hover-color: #80c6ff; + --ring-dark-border-hover-color: #70b1e6; + --ring-icon-hover-color: var(--ring-link-hover-color); + --ring-main-color: #008eff; + --ring-main-hover-color: #007ee5; + --ring-icon-error-color: #db5860; + --ring-icon-warning-color: #eda200; + --ring-icon-success-color: #59a869; + --ring-pale-control-color: #cfdbe5; + --ring-popup-border-components: 0, 42, 76; + --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1); + --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15); + --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3); + --ring-pinned-shadow-color: #737577; + + /* Text */ + --ring-search-color: #669ecc; + --ring-hint-color: #406380; + --ring-link-color: #0f5b99; + --ring-link-hover-color: #ff008c; + --ring-error-color: #c22731; + --ring-warning-color: #cc8b00; + --ring-success-color: #1b8833; + --ring-text-color: #1f2326; + --ring-dark-text-color: #fff; + --ring-heading-color: var(--ring-text-color); + --ring-secondary-color: #737577; + --ring-dark-secondary-color: #888; + --ring-disabled-color: #999; + --ring-dark-disabled-color: #444; + --ring-dark-active-color: #ccc; + + /* Background */ + --ring-content-background-color: #fff; + --ring-popup-background-color: #fff; + --ring-sidebar-background-color: #f7f9fa; + --ring-selected-background-color: #d4edff; + --ring-hover-background-color: #ebf6ff; + --ring-dark-selected-background-color: #002a4d; + --ring-message-background-color: #111314; + --ring-navigation-background-color: #000; + --ring-tag-background-color: #e6ecf2; + --ring-removed-background-color: #ffd5cb; + --ring-warning-background-color: #faeccd; + --ring-added-background-color: #bce8bb; + + /* Code */ + --ring-code-background-color: var(--ring-content-background-color); + --ring-code-color: #000; + --ring-code-comment-color: #707070; + --ring-code-meta-color: #707070; + --ring-code-keyword-color: #000080; + --ring-code-tag-background-color: #efefef; + --ring-code-tag-color: var(--ring-code-keyword-color); + --ring-code-tag-font-weight: bold; + --ring-code-field-color: #660e7a; + --ring-code-attribute-color: #00f; + --ring-code-number-color: var(--ring-code-attribute-color); + --ring-code-string-color: #007a00; + --ring-code-addition-color: #aadeaa; + --ring-code-deletion-color: #c8c8c8; + + /* Metrics */ + --ring-border-radius: 3px; + --ring-border-radius-small: 2px; + --ring-font-size-larger: 14px; + --ring-font-size: 13px; + --ring-font-size-smaller: 12px; + --ring-line-height-taller: 21px; + --ring-line-height: 20px; + --ring-line-height-lower: 18px; + --ring-line-height-lowest: 16px; + --ring-ease: 0.3s ease-out; + --ring-fast-ease: 0.15s ease-out; + --ring-font-family: system-ui, Arial, sans-serif; + --ring-font-family-monospace: + Menlo, + "Bitstream Vera Sans Mono", + "Ubuntu Mono", + Consolas, + "Courier New", + Courier, + monospace; + + /* Common z-index-values */ + + /* Invisible element is an absolutely positioned element which should be below */ + /* all other elements on the page */ + --ring-invisible-element-z-index: -1; + + /* z-index for position: fixed elements */ + --ring-fixed-z-index: 1; + + /* Elements that should overlay all other elements on the page */ + --ring-overlay-z-index: 5; + + /* Alerts should de displayed above overlays */ + --ring-alert-z-index: 6; +} + +html,.app-root{height:100%}.search-root{margin:0;padding:0;background:var(--ring-content-background-color);font-family:var(--ring-font-family);font-size:var(--ring-font-size);line-height:var(--ring-line-height)}.search-content{z-index:8} + +/*# sourceMappingURL=main.css.map*/
\ No newline at end of file |