diff --git a/tridactyl/themes/onedark.css b/tridactyl/themes/onedark.css index e990e5c..d33d4e6 100644 --- a/tridactyl/themes/onedark.css +++ b/tridactyl/themes/onedark.css @@ -1,148 +1,151 @@ -:root { /* Onedark by Chris Kempson (http://chriskempson.com) */ - --base00: #282c34; - --base01: #353b45; - --base02: #3e4451; - --base03: #545862; - --base04: #565c64; - --base05: #abb2bf; - --base06: #b6bdca; - --base07: #c8ccd4; - --base08: #e06c75; - --base09: #d19a66; - --base0A: #e5c07b; - --base0B: #98c379; - --base0C: #56b6c2; - --base0D: #61afef; - --base0E: #c678dd; - --base0F: #be5046; +:root { + /* Onedark by Chris Kempson (http://chriskempson.com) */ + --base00: #282c34; + --base01: #353b45; + --base02: #3e4451; + --base03: #545862; + --base04: #565c64; + --base05: #abb2bf; + --base06: #b6bdca; + --base07: #c8ccd4; + --base08: #e06c75; + --base09: #d19a66; + --base0A: #e5c07b; + --base0B: #98c379; + --base0C: #56b6c2; + --base0D: #61afef; + --base0E: #c678dd; + --base0F: #be5046; - --tridactyl-fg: var(--base06); - --tridactyl-bg: var(--base00); - --tridactyl-url-fg: var(--base0D); - --tridactyl-url-bg: var(--base00); - --tridactyl-highlight-box-bg: var(--base0B); - --tridactyl-highlight-box-fg: var(--base00); + --tridactyl-fg: var(--base06); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base0D); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); - --tridactyl-of-fg: var(--base00); - --tridactyl-of-bg: var(--base0D); + --tridactyl-of-fg: var(--base00); + --tridactyl-of-bg: var(--base0D); - /* Hint character tags */ - --tridactyl-hintspan-fg: var(--base00) !important; - --tridactyl-hintspan-bg: var(--base0A) !important; + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; - /* Element Highlights */ - --tridactyl-hint-active-fg: none; - --tridactyl-hint-active-bg: none; - --tridactyl-hint-active-outline: none; - --tridactyl-hint-bg: none; - --tridactyl-hint-outline: none; + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; } #command-line-holder { - border-top: 1px solid var(--base0B); - color: var(--tridactyl-bg); - order: 1; + border-top: 1px solid var(--base0B); + color: var(--tridactyl-bg); + order: 1; } #tridactyl-colon { - color: var(--base0B); - padding: 0.25rem; + color: var(--base0B); + padding: 0.25rem; } #completions .sectionHeader { - display: none; + display: none; } #tridactyl-input { - background: var(--tridactyl-bg); - color: var(--tridactyl-fg); - font-size: 9pt; - line-height: 1.2; - padding-left: unset; - padding: 0.125rem; - vertical-align: middle; + background: var(--tridactyl-bg); + color: var(--tridactyl-fg); + font-size: 9pt; + line-height: 1.2; + padding-left: unset; + padding: 0.125rem; + vertical-align: middle; } #completions table { - border-spacing: 0; - font-size: 1; - /* font-weight: 200; */ - padding-top: 0; - padding: 0.2rem; - table-layout: fixed; + border-spacing: 0; + font-size: 1; + /* font-weight: 200; */ + padding-top: 0; + padding: 0.2rem; + table-layout: fixed; } #completions > div { - max-height: calc(20 * var(--option-height)); - min-height: calc(10 * var(--option-height)); + max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); } #completions { - --option-height: 1.4em; - background: var(--tridactyl-bg); - border-top: unset; - color: var(--tridactyl-fg); - font-size: unset; - /* font-weight: 200; */ - overflow: hidden; - width: 100%; + --option-height: 1.4em; + background: var(--tridactyl-bg); + border-top: unset; + color: var(--tridactyl-fg); + font-size: unset; + /* font-weight: 200; */ + overflow: hidden; + width: 100%; } #completions .optionContainer .option { - line-height: 1.4; + line-height: 1.4; } #completions .HistoryCompletionSource table { - border-spacing: 0; - font-size: 9pt; - table-layout: fixed; - width: 100%; + border-spacing: 0; + font-size: 9pt; + table-layout: fixed; + width: 100%; } -#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +#completions table tr td.prefix, +#completions table tr td.privatewindow, +#completions table tr td.container, +#completions table tr td.icon { + display: none; } #completions .BufferCompletionSource table { - width: unset; - font-size: unset; - border-spacing: unset; - table-layout: unset; + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; } #completions table tr .title { - width: 50%; + width: 50%; } #completions table tr { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } #completions .sectionHeader { - display: none; + display: none; } -#cmdline_iframe { position: fixed !important; - box-shadow: rgba(0, 0, 0, 0.5) 20px !important; +#cmdline_iframe { + position: fixed !important; + box-shadow: rgba(0, 0, 0, 0.5) 20px !important; } .TridactylStatusIndicator { - background: var(--tridactyl-bg) !important; - border: 1px var(--tridactyl-bg) solid !important; - color: var(--base0B); - border: unset !important; - bottom: 0 !important; - font-size: 10pt !important; - padding: 0.8ex !important; - position: fixed !important; + background: var(--tridactyl-bg) !important; + border: 1px var(--tridactyl-bg) solid !important; + color: var(--base0B); + border: unset !important; + bottom: 0 !important; + font-size: 10pt !important; + padding: 0.8ex !important; + position: fixed !important; } -.TridactylModeignore{ - background: var(--base0A) !important; - border: 1px var(--base0A) solid !important; - color: var(--tridactyl-of-fg) !important; -} - -.TridactylModenormal{ +.TridactylModeignore { + background: var(--base0A) !important; + border: 1px var(--base0A) solid !important; + color: var(--tridactyl-of-fg) !important; }