diff options
Diffstat (limited to '.config/tridactyl_eink.css')
-rw-r--r-- | .config/tridactyl_eink.css | 173 |
1 files changed, 173 insertions, 0 deletions
diff --git a/.config/tridactyl_eink.css b/.config/tridactyl_eink.css new file mode 100644 index 00000000..f6154718 --- /dev/null +++ b/.config/tridactyl_eink.css @@ -0,0 +1,173 @@ +:root { + --base00: #cccccc; + --base01: #c2c2c2; + --base02: #b8b8b8; + --base03: #aeaeae; + --base04: #a4a4a4; + --base05: #9a9a9a; + --base06: #909090; + --base07: #868686; + --base08: #7c7c7c; + --base09: #727272; + --base0A: #686868; + --base0B: #5e5e5e; + --base0C: #545454; + --base0D: #4a4a4a; + --base0E: #474747; + --base0F: #333333; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* 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 { + order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { + padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + 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: 9pt; + 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 var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { + background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { + background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ |