dotfiles/tridactyl/themes/onedark.css

149 lines
3.3 KiB
CSS

: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-of-fg: var(--base00);
--tridactyl-of-bg: var(--base0D);
/* 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;
}
#command-line-holder {
border-top: 1px solid var(--base0B);
color: var(--tridactyl-bg);
order: 1;
}
#tridactyl-colon {
color: var(--base0B);
padding: 0.25rem;
}
#completions .sectionHeader {
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;
}
#completions table {
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));
}
#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%;
}
#completions .optionContainer .option {
line-height: 1.4;
}
#completions .HistoryCompletionSource table {
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 .BufferCompletionSource table {
width: unset;
font-size: unset;
border-spacing: unset;
table-layout: unset;
}
#completions table tr .title {
width: 50%;
}
#completions table tr {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#completions .sectionHeader {
display: none;
}
#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;
}
.TridactylModeignore{
background: var(--base0A) !important;
border: 1px var(--base0A) solid !important;
color: var(--tridactyl-of-fg) !important;
}
.TridactylModenormal{
}