dotfiles/themes/emacs.css

163 lines
3.3 KiB
CSS

:root {
--tridactyl-fg: #222222;
--tridactyl-bg: #fff8f0;
--tridactyl-url-fg: #cc3333;
--tridactyl-url-bg: #fff8f0;
--tridactyl-highlight-box-bg: #375cd8;
--tridactyl-highlight-box-fg: #fff8f0;
/* Command line */
--tridactyl-cmdl-bg: #f6ece8
--tridactyl-cmdl-fg: #222222
/* Hint character tags */
--tridactyl-hintspan-fg: #fff8f0 !important;
--tridactyl-hintspan-bg: #375cd8 !important;
/* Element Highlights */
--tridactyl-hint-active-fg: none;
--tridactyl-hint-active-bg: none;
--tridactyl-hint-active-outline: none;
/* --tridactyl-hint-activy-outline: var(--base08); */
--tridactyl-hint-bg: none;
--tridactyl-hint-outline: none;
/* --tridactyl-hint-outline: var(--base08); */
}
/* a { */
/* color: var(--base04); */
/* } */
#command-line-holder {
order: 1;
border: 2px solid #375cd8;
background: #fff8f0;
}
#tridactyl-input {
padding: 1rem;
color: var(--tridactyl-fg);
width: 90%;
font-size: 1.2rem;
line-height: 1.5;
background: var(--tridactyl-bg);
padding-left: unset;
padding: 1rem;
}
#completions table {
font-size: 0.8rem;
font-weight: 200;
border-spacing: 0;
table-layout: fixed;
padding: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
#completions > div {
max-height: calc(20 * var(--option-height));
min-height: calc(10 * var(--option-height));
}
/* COMPLETIONS */
#completions {
--option-height: 1.4em;
color: var(--tridactyl-fg);
background: var(--tridactyl-bg);
display: inline-block;
font-size: unset;
font-weight: 200;
overflow: hidden;
width: 100%;
border-top: unset;
order: 2;
}
/* Olie doesn't know how CSS inheritance works */
#completions .HistoryCompletionSource {
max-height: unset;
min-height: unset;
}
#completions .HistoryCompletionSource table {
width: 100%;
font-size: 11pt;
border-spacing: 0;
table-layout: fixed;
}
/* redundancy 2: redundancy 2: more redundancy */
#completions .BmarkCompletionSource {
max-height: unset;
min-height: unset;
}
#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 {
background: unset;
font-weight: 200;
border-bottom: unset;
padding: 1rem !important;
padding-left: unset;
padding-bottom: 0.2rem;
}
#cmdline_iframe {
position: fixed !important;
bottom: unset;
top: 25% !important;
left: 10% !important;
z-index: 2147483647 !important;
width: 80% !important;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important;
}
.TridactylStatusIndicator {
position: fixed !important;
bottom: 0 !important;
background: var(--tridactyl-bg) !important;
border: unset !important;
border: 1px #375cd8 solid !important;
font-size: 12pt !important;
/*font-weight: 200 !important;*/
padding: 0.8ex !important;
}
#completions .focused {
background: #375cd8;
color: #fff8f0;
}
#completions .focused .url {
background: #375cd8;
color: #fff8f0;
}
/* #Ocean-normal { */
/* border-color: green !important; */
/* } */
/* #Ocean-insert { */
/* border-color: yellow !important; */
/* } */