added tridactyl and made lots of awesome changes
This commit is contained in:
parent
c4551f391e
commit
4fae307cdf
87 changed files with 11860 additions and 86 deletions
153
tridactyl/themes/base16-3024.css
Normal file
153
tridactyl/themes/base16-3024.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* 3024 by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #090300;
|
||||
--base01: #3a3432;
|
||||
--base02: #4a4543;
|
||||
--base03: #5c5855;
|
||||
--base04: #807d7c;
|
||||
--base05: #a5a2a2;
|
||||
--base06: #d6d5d4;
|
||||
--base07: #f7f7f7;
|
||||
--base08: #db2d20;
|
||||
--base09: #e8bbd0;
|
||||
--base0A: #fded02;
|
||||
--base0B: #01a252;
|
||||
--base0C: #b5e4f4;
|
||||
--base0D: #01a0e4;
|
||||
--base0E: #a16a94;
|
||||
--base0F: #cdab53;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-apathy.css
Normal file
153
tridactyl/themes/base16-apathy.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Apathy by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #031a16;
|
||||
--base01: #0b342d;
|
||||
--base02: #184e45;
|
||||
--base03: #2b685e;
|
||||
--base04: #5f9c92;
|
||||
--base05: #81b5ac;
|
||||
--base06: #a7cec8;
|
||||
--base07: #d2e7e4;
|
||||
--base08: #3e9688;
|
||||
--base09: #3e7996;
|
||||
--base0A: #3e4c96;
|
||||
--base0B: #883e96;
|
||||
--base0C: #963e4c;
|
||||
--base0D: #96883e;
|
||||
--base0E: #4c963e;
|
||||
--base0F: #3e965b;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-ashes.css
Normal file
153
tridactyl/themes/base16-ashes.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Ashes by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1c2023;
|
||||
--base01: #393f45;
|
||||
--base02: #565e65;
|
||||
--base03: #747c84;
|
||||
--base04: #adb3ba;
|
||||
--base05: #c7ccd1;
|
||||
--base06: #dfe2e5;
|
||||
--base07: #f3f4f5;
|
||||
--base08: #c7ae95;
|
||||
--base09: #c7c795;
|
||||
--base0A: #aec795;
|
||||
--base0B: #95c7ae;
|
||||
--base0C: #95aec7;
|
||||
--base0D: #ae95c7;
|
||||
--base0E: #c795ae;
|
||||
--base0F: #c79595;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-atelier-cave.css
Normal file
153
tridactyl/themes/base16-atelier-cave.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Atelier-cave by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #19171c;
|
||||
--base01: #26232a;
|
||||
--base02: #585260;
|
||||
--base03: #655f6d;
|
||||
--base04: #7e7887;
|
||||
--base05: #8b8792;
|
||||
--base06: #e2dfe7;
|
||||
--base07: #efecf4;
|
||||
--base08: #be4678;
|
||||
--base09: #aa573c;
|
||||
--base0A: #a06e3b;
|
||||
--base0B: #2a9292;
|
||||
--base0C: #398bc6;
|
||||
--base0D: #576ddb;
|
||||
--base0E: #955ae7;
|
||||
--base0F: #bf40bf;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-atelier-dune.css
Normal file
153
tridactyl/themes/base16-atelier-dune.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Atelier-dune by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #20201d;
|
||||
--base01: #292824;
|
||||
--base02: #6e6b5e;
|
||||
--base03: #7d7a68;
|
||||
--base04: #999580;
|
||||
--base05: #a6a28c;
|
||||
--base06: #e8e4cf;
|
||||
--base07: #fefbec;
|
||||
--base08: #d73737;
|
||||
--base09: #b65611;
|
||||
--base0A: #ae9513;
|
||||
--base0B: #60ac39;
|
||||
--base0C: #1fad83;
|
||||
--base0D: #6684e1;
|
||||
--base0E: #b854d4;
|
||||
--base0F: #d43552;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-atelier-estuary.css
Normal file
156
tridactyl/themes/base16-atelier-estuary.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Atelier-estuary by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #22221b;
|
||||
--base01: #302f27;
|
||||
--base02: #5f5e4e;
|
||||
--base03: #6c6b5a;
|
||||
--base04: #878573;
|
||||
--base05: #929181;
|
||||
--base06: #e7e6df;
|
||||
--base07: #f4f3ec;
|
||||
--base08: #ba6236;
|
||||
--base09: #ae7313;
|
||||
--base0A: #a5980d;
|
||||
--base0B: #7d9726;
|
||||
--base0C: #5b9d48;
|
||||
--base0D: #36a166;
|
||||
--base0E: #5f9182;
|
||||
--base0F: #9d6c7c;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-atelier-forest.css
Normal file
153
tridactyl/themes/base16-atelier-forest.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Atelier-forest by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1b1918;
|
||||
--base01: #2c2421;
|
||||
--base02: #68615e;
|
||||
--base03: #766e6b;
|
||||
--base04: #9c9491;
|
||||
--base05: #a8a19f;
|
||||
--base06: #e6e2e0;
|
||||
--base07: #f1efee;
|
||||
--base08: #f22c40;
|
||||
--base09: #df5320;
|
||||
--base0A: #c38418;
|
||||
--base0B: #7b9726;
|
||||
--base0C: #3d97b8;
|
||||
--base0D: #407ee7;
|
||||
--base0E: #6666ea;
|
||||
--base0F: #c33ff3;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-atelier-heath.css
Normal file
153
tridactyl/themes/base16-atelier-heath.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Atelier-heath by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1b181b;
|
||||
--base01: #292329;
|
||||
--base02: #695d69;
|
||||
--base03: #776977;
|
||||
--base04: #9e8f9e;
|
||||
--base05: #ab9bab;
|
||||
--base06: #d8cad8;
|
||||
--base07: #f7f3f7;
|
||||
--base08: #ca402b;
|
||||
--base09: #a65926;
|
||||
--base0A: #bb8a35;
|
||||
--base0B: #918b3b;
|
||||
--base0C: #159393;
|
||||
--base0D: #516aec;
|
||||
--base0E: #7b59c0;
|
||||
--base0F: #cc33cc;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-atelier-lakeside.css
Normal file
159
tridactyl/themes/base16-atelier-lakeside.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Atelier-lakeside by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #161b1d;
|
||||
--base01: #1f292e;
|
||||
--base02: #516d7b;
|
||||
--base03: #5a7b8c;
|
||||
--base04: #7195a8;
|
||||
--base05: #7ea2b4;
|
||||
--base06: #c1e4f6;
|
||||
--base07: #ebf8ff;
|
||||
--base08: #d22d72;
|
||||
--base09: #935c25;
|
||||
--base0A: #8a8a0f;
|
||||
--base0B: #568c3b;
|
||||
--base0C: #2d8f6f;
|
||||
--base0D: #257fad;
|
||||
--base0E: #6b6bb8;
|
||||
--base0F: #b72dd2;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-atelier-plateau.css
Normal file
156
tridactyl/themes/base16-atelier-plateau.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Atelier-plateau by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1b1818;
|
||||
--base01: #292424;
|
||||
--base02: #585050;
|
||||
--base03: #655d5d;
|
||||
--base04: #7e7777;
|
||||
--base05: #8a8585;
|
||||
--base06: #e7dfdf;
|
||||
--base07: #f4ecec;
|
||||
--base08: #ca4949;
|
||||
--base09: #b45a3c;
|
||||
--base0A: #a06e3b;
|
||||
--base0B: #4b8b8b;
|
||||
--base0C: #5485b6;
|
||||
--base0D: #7272ca;
|
||||
--base0E: #8464c4;
|
||||
--base0F: #bd5187;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-atelier-savanna.css
Normal file
156
tridactyl/themes/base16-atelier-savanna.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Atelier-savanna by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #171c19;
|
||||
--base01: #232a25;
|
||||
--base02: #526057;
|
||||
--base03: #5f6d64;
|
||||
--base04: #78877d;
|
||||
--base05: #87928a;
|
||||
--base06: #dfe7e2;
|
||||
--base07: #ecf4ee;
|
||||
--base08: #b16139;
|
||||
--base09: #9f713c;
|
||||
--base0A: #a07e3b;
|
||||
--base0B: #489963;
|
||||
--base0C: #1c9aa0;
|
||||
--base0D: #478c90;
|
||||
--base0E: #55859b;
|
||||
--base0F: #867469;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-atelier-seaside.css
Normal file
156
tridactyl/themes/base16-atelier-seaside.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Atelier-seaside by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #131513;
|
||||
--base01: #242924;
|
||||
--base02: #5e6e5e;
|
||||
--base03: #687d68;
|
||||
--base04: #809980;
|
||||
--base05: #8ca68c;
|
||||
--base06: #cfe8cf;
|
||||
--base07: #f4fbf4;
|
||||
--base08: #e6193c;
|
||||
--base09: #87711d;
|
||||
--base0A: #98981b;
|
||||
--base0B: #29a329;
|
||||
--base0C: #1999b3;
|
||||
--base0D: #3d62f5;
|
||||
--base0E: #ad2bee;
|
||||
--base0F: #e619c3;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-atelier-sulphurpool.css
Normal file
159
tridactyl/themes/base16-atelier-sulphurpool.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Atelier-sulphurpool by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #202746;
|
||||
--base01: #293256;
|
||||
--base02: #5e6687;
|
||||
--base03: #6b7394;
|
||||
--base04: #898ea4;
|
||||
--base05: #979db4;
|
||||
--base06: #dfe2f1;
|
||||
--base07: #f5f7ff;
|
||||
--base08: #c94922;
|
||||
--base09: #c76b29;
|
||||
--base0A: #c08b30;
|
||||
--base0B: #ac9739;
|
||||
--base0C: #22a2c9;
|
||||
--base0D: #3d8fd1;
|
||||
--base0E: #6679cc;
|
||||
--base0F: #9c637a;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-bespin.css
Normal file
153
tridactyl/themes/base16-bespin.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Bespin by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #28211c;
|
||||
--base01: #36312e;
|
||||
--base02: #5e5d5c;
|
||||
--base03: #666666;
|
||||
--base04: #797977;
|
||||
--base05: #8a8986;
|
||||
--base06: #9d9b97;
|
||||
--base07: #baae9e;
|
||||
--base08: #cf6a4c;
|
||||
--base09: #cf7d34;
|
||||
--base0A: #f9ee98;
|
||||
--base0B: #54be0d;
|
||||
--base0C: #afc4db;
|
||||
--base0D: #5ea6ea;
|
||||
--base0E: #9b859d;
|
||||
--base0F: #937121;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-brewer.css
Normal file
153
tridactyl/themes/base16-brewer.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Brewer by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #0c0d0e;
|
||||
--base01: #2e2f30;
|
||||
--base02: #515253;
|
||||
--base03: #737475;
|
||||
--base04: #959697;
|
||||
--base05: #b7b8b9;
|
||||
--base06: #dadbdc;
|
||||
--base07: #fcfdfe;
|
||||
--base08: #e31a1c;
|
||||
--base09: #e6550d;
|
||||
--base0A: #dca060;
|
||||
--base0B: #31a354;
|
||||
--base0C: #80b1d3;
|
||||
--base0D: #3182bd;
|
||||
--base0E: #756bb1;
|
||||
--base0F: #b15928;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-bright.css
Normal file
153
tridactyl/themes/base16-bright.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Bright by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #303030;
|
||||
--base02: #505050;
|
||||
--base03: #b0b0b0;
|
||||
--base04: #d0d0d0;
|
||||
--base05: #e0e0e0;
|
||||
--base06: #f5f5f5;
|
||||
--base07: #ffffff;
|
||||
--base08: #fb0120;
|
||||
--base09: #fc6d24;
|
||||
--base0A: #fda331;
|
||||
--base0B: #a1c659;
|
||||
--base0C: #76c7b7;
|
||||
--base0D: #6fb3d2;
|
||||
--base0E: #d381c3;
|
||||
--base0F: #be643c;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-chalk.css
Normal file
153
tridactyl/themes/base16-chalk.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Chalk by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #151515;
|
||||
--base01: #202020;
|
||||
--base02: #303030;
|
||||
--base03: #505050;
|
||||
--base04: #b0b0b0;
|
||||
--base05: #d0d0d0;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #f5f5f5;
|
||||
--base08: #fb9fb1;
|
||||
--base09: #eda987;
|
||||
--base0A: #ddb26f;
|
||||
--base0B: #acc267;
|
||||
--base0C: #12cfc0;
|
||||
--base0D: #6fc2ef;
|
||||
--base0E: #e1a3ee;
|
||||
--base0F: #deaf8f;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-codeschool.css
Normal file
153
tridactyl/themes/base16-codeschool.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Codeschool by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #232c31;
|
||||
--base01: #1c3657;
|
||||
--base02: #2a343a;
|
||||
--base03: #3f4944;
|
||||
--base04: #84898c;
|
||||
--base05: #9ea7a6;
|
||||
--base06: #a7cfa3;
|
||||
--base07: #b5d8f6;
|
||||
--base08: #2a5491;
|
||||
--base09: #43820d;
|
||||
--base0A: #a03b1e;
|
||||
--base0B: #237986;
|
||||
--base0C: #b02f30;
|
||||
--base0D: #484d79;
|
||||
--base0E: #c59820;
|
||||
--base0F: #c98344;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-cupcake.css
Normal file
153
tridactyl/themes/base16-cupcake.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Cupcake by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #fbf1f2;
|
||||
--base01: #f2f1f4;
|
||||
--base02: #d8d5dd;
|
||||
--base03: #bfb9c6;
|
||||
--base04: #a59daf;
|
||||
--base05: #8b8198;
|
||||
--base06: #72677e;
|
||||
--base07: #585062;
|
||||
--base08: #d57e85;
|
||||
--base09: #ebb790;
|
||||
--base0A: #dcb16c;
|
||||
--base0B: #a3b367;
|
||||
--base0C: #69a9a7;
|
||||
--base0D: #7297b9;
|
||||
--base0E: #bb99b4;
|
||||
--base0F: #baa58c;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-darktooth.css
Normal file
153
tridactyl/themes/base16-darktooth.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Darktooth by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1d2021;
|
||||
--base01: #32302f;
|
||||
--base02: #504945;
|
||||
--base03: #665c54;
|
||||
--base04: #928374;
|
||||
--base05: #a89984;
|
||||
--base06: #d5c4a1;
|
||||
--base07: #fdf4c1;
|
||||
--base08: #fb543f;
|
||||
--base09: #fe8625;
|
||||
--base0A: #fac03b;
|
||||
--base0B: #95c085;
|
||||
--base0C: #8ba59b;
|
||||
--base0D: #0d6678;
|
||||
--base0E: #8f4673;
|
||||
--base0F: #a87322;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-default-dark.css
Normal file
153
tridactyl/themes/base16-default-dark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Default-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #181818;
|
||||
--base01: #282828;
|
||||
--base02: #383838;
|
||||
--base03: #585858;
|
||||
--base04: #b8b8b8;
|
||||
--base05: #d8d8d8;
|
||||
--base06: #e8e8e8;
|
||||
--base07: #f8f8f8;
|
||||
--base08: #ab4642;
|
||||
--base09: #dc9656;
|
||||
--base0A: #f7ca88;
|
||||
--base0B: #a1b56c;
|
||||
--base0C: #86c1b9;
|
||||
--base0D: #7cafc2;
|
||||
--base0E: #ba8baf;
|
||||
--base0F: #a16946;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-default-light.css
Normal file
153
tridactyl/themes/base16-default-light.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Default-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f8f8f8;
|
||||
--base01: #e8e8e8;
|
||||
--base02: #d8d8d8;
|
||||
--base03: #b8b8b8;
|
||||
--base04: #585858;
|
||||
--base05: #383838;
|
||||
--base06: #282828;
|
||||
--base07: #181818;
|
||||
--base08: #ab4642;
|
||||
--base09: #dc9656;
|
||||
--base0A: #f7ca88;
|
||||
--base0B: #a1b56c;
|
||||
--base0C: #86c1b9;
|
||||
--base0D: #7cafc2;
|
||||
--base0E: #ba8baf;
|
||||
--base0F: #a16946;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-dracula.css
Normal file
153
tridactyl/themes/base16-dracula.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Dracula by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #282936;
|
||||
--base01: #3a3c4e;
|
||||
--base02: #4d4f68;
|
||||
--base03: #626483;
|
||||
--base04: #62d6e8;
|
||||
--base05: #e9e9f4;
|
||||
--base06: #f1f2f8;
|
||||
--base07: #f7f7fb;
|
||||
--base08: #ea51b2;
|
||||
--base09: #b45bcf;
|
||||
--base0A: #00f769;
|
||||
--base0B: #ebff87;
|
||||
--base0C: #a1efe4;
|
||||
--base0D: #62d6e8;
|
||||
--base0E: #b45bcf;
|
||||
--base0F: #00f769;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-eighties.css
Normal file
153
tridactyl/themes/base16-eighties.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Eighties by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2d2d2d;
|
||||
--base01: #393939;
|
||||
--base02: #515151;
|
||||
--base03: #747369;
|
||||
--base04: #a09f93;
|
||||
--base05: #d3d0c8;
|
||||
--base06: #e8e6df;
|
||||
--base07: #f2f0ec;
|
||||
--base08: #f2777a;
|
||||
--base09: #f99157;
|
||||
--base0A: #ffcc66;
|
||||
--base0B: #99cc99;
|
||||
--base0C: #66cccc;
|
||||
--base0D: #6699cc;
|
||||
--base0E: #cc99cc;
|
||||
--base0F: #d27b53;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-embers.css
Normal file
153
tridactyl/themes/base16-embers.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Embers by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #16130f;
|
||||
--base01: #2c2620;
|
||||
--base02: #433b32;
|
||||
--base03: #5a5047;
|
||||
--base04: #8a8075;
|
||||
--base05: #a39a90;
|
||||
--base06: #beb6ae;
|
||||
--base07: #dbd6d1;
|
||||
--base08: #826d57;
|
||||
--base09: #828257;
|
||||
--base0A: #6d8257;
|
||||
--base0B: #57826d;
|
||||
--base0C: #576d82;
|
||||
--base0D: #6d5782;
|
||||
--base0E: #82576d;
|
||||
--base0F: #825757;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-flat.css
Normal file
153
tridactyl/themes/base16-flat.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Flat by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2c3e50;
|
||||
--base01: #34495e;
|
||||
--base02: #7f8c8d;
|
||||
--base03: #95a5a6;
|
||||
--base04: #bdc3c7;
|
||||
--base05: #e0e0e0;
|
||||
--base06: #f5f5f5;
|
||||
--base07: #ecf0f1;
|
||||
--base08: #e74c3c;
|
||||
--base09: #e67e22;
|
||||
--base0A: #f1c40f;
|
||||
--base0B: #2ecc71;
|
||||
--base0C: #1abc9c;
|
||||
--base0D: #3498db;
|
||||
--base0E: #9b59b6;
|
||||
--base0F: #be643c;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-github.css
Normal file
153
tridactyl/themes/base16-github.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Github by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #ffffff;
|
||||
--base01: #f5f5f5;
|
||||
--base02: #c8c8fa;
|
||||
--base03: #969896;
|
||||
--base04: #e8e8e8;
|
||||
--base05: #333333;
|
||||
--base06: #ffffff;
|
||||
--base07: #ffffff;
|
||||
--base08: #ed6a43;
|
||||
--base09: #0086b3;
|
||||
--base0A: #795da3;
|
||||
--base0B: #183691;
|
||||
--base0C: #183691;
|
||||
--base0D: #795da3;
|
||||
--base0E: #a71d5d;
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-google-dark.css
Normal file
153
tridactyl/themes/base16-google-dark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Google-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1d1f21;
|
||||
--base01: #282a2e;
|
||||
--base02: #373b41;
|
||||
--base03: #969896;
|
||||
--base04: #b4b7b4;
|
||||
--base05: #c5c8c6;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #ffffff;
|
||||
--base08: #cc342b;
|
||||
--base09: #f96a38;
|
||||
--base0A: #fba922;
|
||||
--base0B: #198844;
|
||||
--base0C: #3971ed;
|
||||
--base0D: #3971ed;
|
||||
--base0E: #a36ac7;
|
||||
--base0F: #3971ed;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-google-light.css
Normal file
153
tridactyl/themes/base16-google-light.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Google-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #ffffff;
|
||||
--base01: #e0e0e0;
|
||||
--base02: #c5c8c6;
|
||||
--base03: #b4b7b4;
|
||||
--base04: #969896;
|
||||
--base05: #373b41;
|
||||
--base06: #282a2e;
|
||||
--base07: #1d1f21;
|
||||
--base08: #cc342b;
|
||||
--base09: #f96a38;
|
||||
--base0A: #fba922;
|
||||
--base0B: #198844;
|
||||
--base0C: #3971ed;
|
||||
--base0D: #3971ed;
|
||||
--base0E: #a36ac7;
|
||||
--base0F: #3971ed;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-grayscale-dark.css
Normal file
153
tridactyl/themes/base16-grayscale-dark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Grayscale-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #101010;
|
||||
--base01: #252525;
|
||||
--base02: #464646;
|
||||
--base03: #525252;
|
||||
--base04: #ababab;
|
||||
--base05: #b9b9b9;
|
||||
--base06: #e3e3e3;
|
||||
--base07: #f7f7f7;
|
||||
--base08: #7c7c7c;
|
||||
--base09: #999999;
|
||||
--base0A: #a0a0a0;
|
||||
--base0B: #8e8e8e;
|
||||
--base0C: #868686;
|
||||
--base0D: #686868;
|
||||
--base0E: #747474;
|
||||
--base0F: #5e5e5e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-grayscale-light.css
Normal file
156
tridactyl/themes/base16-grayscale-light.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Grayscale-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f7f7f7;
|
||||
--base01: #e3e3e3;
|
||||
--base02: #b9b9b9;
|
||||
--base03: #ababab;
|
||||
--base04: #525252;
|
||||
--base05: #464646;
|
||||
--base06: #252525;
|
||||
--base07: #101010;
|
||||
--base08: #7c7c7c;
|
||||
--base09: #999999;
|
||||
--base0A: #a0a0a0;
|
||||
--base0B: #8e8e8e;
|
||||
--base0C: #868686;
|
||||
--base0D: #686868;
|
||||
--base0E: #747474;
|
||||
--base0F: #5e5e5e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-green-screen.css
Normal file
153
tridactyl/themes/base16-green-screen.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Green-screen by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #001100;
|
||||
--base01: #003300;
|
||||
--base02: #005500;
|
||||
--base03: #007700;
|
||||
--base04: #009900;
|
||||
--base05: #00bb00;
|
||||
--base06: #00dd00;
|
||||
--base07: #00ff00;
|
||||
--base08: #007700;
|
||||
--base09: #009900;
|
||||
--base0A: #007700;
|
||||
--base0B: #00bb00;
|
||||
--base0C: #005500;
|
||||
--base0D: #009900;
|
||||
--base0E: #00bb00;
|
||||
--base0F: #005500;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-dark-hard.css
Normal file
159
tridactyl/themes/base16-gruvbox-dark-hard.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-dark-hard by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1d2021;
|
||||
--base01: #3c3836;
|
||||
--base02: #504945;
|
||||
--base03: #665c54;
|
||||
--base04: #bdae93;
|
||||
--base05: #d5c4a1;
|
||||
--base06: #ebdbb2;
|
||||
--base07: #fbf1c7;
|
||||
--base08: #fb4934;
|
||||
--base09: #fe8019;
|
||||
--base0A: #fabd2f;
|
||||
--base0B: #b8bb26;
|
||||
--base0C: #8ec07c;
|
||||
--base0D: #83a598;
|
||||
--base0E: #d3869b;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-dark-medium.css
Normal file
159
tridactyl/themes/base16-gruvbox-dark-medium.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-dark-medium by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #282828;
|
||||
--base01: #3c3836;
|
||||
--base02: #504945;
|
||||
--base03: #665c54;
|
||||
--base04: #bdae93;
|
||||
--base05: #d5c4a1;
|
||||
--base06: #ebdbb2;
|
||||
--base07: #fbf1c7;
|
||||
--base08: #fb4934;
|
||||
--base09: #fe8019;
|
||||
--base0A: #fabd2f;
|
||||
--base0B: #b8bb26;
|
||||
--base0C: #8ec07c;
|
||||
--base0D: #83a598;
|
||||
--base0E: #d3869b;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-dark-pale.css
Normal file
159
tridactyl/themes/base16-gruvbox-dark-pale.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-dark-pale by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #262626;
|
||||
--base01: #3a3a3a;
|
||||
--base02: #4e4e4e;
|
||||
--base03: #8a8a8a;
|
||||
--base04: #949494;
|
||||
--base05: #dab997;
|
||||
--base06: #d5c4a1;
|
||||
--base07: #ebdbb2;
|
||||
--base08: #d75f5f;
|
||||
--base09: #ff8700;
|
||||
--base0A: #ffaf00;
|
||||
--base0B: #afaf00;
|
||||
--base0C: #85ad85;
|
||||
--base0D: #83adad;
|
||||
--base0E: #d485ad;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-dark-soft.css
Normal file
159
tridactyl/themes/base16-gruvbox-dark-soft.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-dark-soft by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #32302f;
|
||||
--base01: #3c3836;
|
||||
--base02: #504945;
|
||||
--base03: #665c54;
|
||||
--base04: #bdae93;
|
||||
--base05: #d5c4a1;
|
||||
--base06: #ebdbb2;
|
||||
--base07: #fbf1c7;
|
||||
--base08: #fb4934;
|
||||
--base09: #fe8019;
|
||||
--base0A: #fabd2f;
|
||||
--base0B: #b8bb26;
|
||||
--base0C: #8ec07c;
|
||||
--base0D: #83a598;
|
||||
--base0E: #d3869b;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-light-hard.css
Normal file
159
tridactyl/themes/base16-gruvbox-light-hard.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-light-hard by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f9f5d7;
|
||||
--base01: #ebdbb2;
|
||||
--base02: #d5c4a1;
|
||||
--base03: #bdae93;
|
||||
--base04: #665c54;
|
||||
--base05: #504945;
|
||||
--base06: #3c3836;
|
||||
--base07: #282828;
|
||||
--base08: #9d0006;
|
||||
--base09: #af3a03;
|
||||
--base0A: #b57614;
|
||||
--base0B: #79740e;
|
||||
--base0C: #427b58;
|
||||
--base0D: #076678;
|
||||
--base0E: #8f3f71;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-light-medium.css
Normal file
159
tridactyl/themes/base16-gruvbox-light-medium.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-light-medium by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #fbf1c7;
|
||||
--base01: #ebdbb2;
|
||||
--base02: #d5c4a1;
|
||||
--base03: #bdae93;
|
||||
--base04: #665c54;
|
||||
--base05: #504945;
|
||||
--base06: #3c3836;
|
||||
--base07: #282828;
|
||||
--base08: #9d0006;
|
||||
--base09: #af3a03;
|
||||
--base0A: #b57614;
|
||||
--base0B: #79740e;
|
||||
--base0C: #427b58;
|
||||
--base0D: #076678;
|
||||
--base0E: #8f3f71;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-gruvbox-light-soft.css
Normal file
159
tridactyl/themes/base16-gruvbox-light-soft.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Gruvbox-light-soft by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f2e5bc;
|
||||
--base01: #ebdbb2;
|
||||
--base02: #d5c4a1;
|
||||
--base03: #bdae93;
|
||||
--base04: #665c54;
|
||||
--base05: #504945;
|
||||
--base06: #3c3836;
|
||||
--base07: #282828;
|
||||
--base08: #9d0006;
|
||||
--base09: #af3a03;
|
||||
--base0A: #b57614;
|
||||
--base0B: #79740e;
|
||||
--base0C: #427b58;
|
||||
--base0D: #076678;
|
||||
--base0E: #8f3f71;
|
||||
--base0F: #d65d0e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-harmonic16-dark.css
Normal file
156
tridactyl/themes/base16-harmonic16-dark.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Harmonic16-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #0b1c2c;
|
||||
--base01: #223b54;
|
||||
--base02: #405c79;
|
||||
--base03: #627e99;
|
||||
--base04: #aabcce;
|
||||
--base05: #cbd6e2;
|
||||
--base06: #e5ebf1;
|
||||
--base07: #f7f9fb;
|
||||
--base08: #bf8b56;
|
||||
--base09: #bfbf56;
|
||||
--base0A: #8bbf56;
|
||||
--base0B: #56bf8b;
|
||||
--base0C: #568bbf;
|
||||
--base0D: #8b56bf;
|
||||
--base0E: #bf568b;
|
||||
--base0F: #bf5656;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-harmonic16-light.css
Normal file
159
tridactyl/themes/base16-harmonic16-light.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Harmonic16-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f7f9fb;
|
||||
--base01: #e5ebf1;
|
||||
--base02: #cbd6e2;
|
||||
--base03: #aabcce;
|
||||
--base04: #627e99;
|
||||
--base05: #405c79;
|
||||
--base06: #223b54;
|
||||
--base07: #0b1c2c;
|
||||
--base08: #bf8b56;
|
||||
--base09: #bfbf56;
|
||||
--base0A: #8bbf56;
|
||||
--base0B: #56bf8b;
|
||||
--base0C: #568bbf;
|
||||
--base0D: #8b56bf;
|
||||
--base0E: #bf568b;
|
||||
--base0F: #bf5656;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-hopscotch.css
Normal file
153
tridactyl/themes/base16-hopscotch.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Hopscotch by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #322931;
|
||||
--base01: #433b42;
|
||||
--base02: #5c545b;
|
||||
--base03: #797379;
|
||||
--base04: #989498;
|
||||
--base05: #b9b5b8;
|
||||
--base06: #d5d3d5;
|
||||
--base07: #ffffff;
|
||||
--base08: #dd464c;
|
||||
--base09: #fd8b19;
|
||||
--base0A: #fdcc59;
|
||||
--base0B: #8fc13e;
|
||||
--base0C: #149b93;
|
||||
--base0D: #1290bf;
|
||||
--base0E: #c85e7c;
|
||||
--base0F: #b33508;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-ir-black.css
Normal file
153
tridactyl/themes/base16-ir-black.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Ir-black by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #242422;
|
||||
--base02: #484844;
|
||||
--base03: #6c6c66;
|
||||
--base04: #918f88;
|
||||
--base05: #b5b3aa;
|
||||
--base06: #d9d7cc;
|
||||
--base07: #fdfbee;
|
||||
--base08: #ff6c60;
|
||||
--base09: #e9c062;
|
||||
--base0A: #ffffb6;
|
||||
--base0B: #a8ff60;
|
||||
--base0C: #c6c5fe;
|
||||
--base0D: #96cbfe;
|
||||
--base0E: #ff73fd;
|
||||
--base0F: #b18a3d;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-isotope.css
Normal file
153
tridactyl/themes/base16-isotope.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Isotope by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #404040;
|
||||
--base02: #606060;
|
||||
--base03: #808080;
|
||||
--base04: #c0c0c0;
|
||||
--base05: #d0d0d0;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #ffffff;
|
||||
--base08: #ff0000;
|
||||
--base09: #ff9900;
|
||||
--base0A: #ff0099;
|
||||
--base0B: #33ff00;
|
||||
--base0C: #00ffff;
|
||||
--base0D: #0066ff;
|
||||
--base0E: #cc00ff;
|
||||
--base0F: #3300ff;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-london-tube.css
Normal file
153
tridactyl/themes/base16-london-tube.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* London-tube by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #231f20;
|
||||
--base01: #1c3f95;
|
||||
--base02: #5a5758;
|
||||
--base03: #737171;
|
||||
--base04: #959ca1;
|
||||
--base05: #d9d8d8;
|
||||
--base06: #e7e7e8;
|
||||
--base07: #ffffff;
|
||||
--base08: #ee2e24;
|
||||
--base09: #f386a1;
|
||||
--base0A: #ffd204;
|
||||
--base0B: #00853e;
|
||||
--base0C: #85cebc;
|
||||
--base0D: #009ddc;
|
||||
--base0E: #98005d;
|
||||
--base0F: #b06110;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-macintosh.css
Normal file
153
tridactyl/themes/base16-macintosh.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Macintosh by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #404040;
|
||||
--base02: #404040;
|
||||
--base03: #808080;
|
||||
--base04: #808080;
|
||||
--base05: #c0c0c0;
|
||||
--base06: #c0c0c0;
|
||||
--base07: #ffffff;
|
||||
--base08: #dd0907;
|
||||
--base09: #ff6403;
|
||||
--base0A: #fbf305;
|
||||
--base0B: #1fb714;
|
||||
--base0C: #02abea;
|
||||
--base0D: #0000d3;
|
||||
--base0E: #4700a5;
|
||||
--base0F: #90713a;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-marrakesh.css
Normal file
153
tridactyl/themes/base16-marrakesh.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Marrakesh by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #201602;
|
||||
--base01: #302e00;
|
||||
--base02: #5f5b17;
|
||||
--base03: #6c6823;
|
||||
--base04: #86813b;
|
||||
--base05: #948e48;
|
||||
--base06: #ccc37a;
|
||||
--base07: #faf0a5;
|
||||
--base08: #c35359;
|
||||
--base09: #b36144;
|
||||
--base0A: #a88339;
|
||||
--base0B: #18974e;
|
||||
--base0C: #75a738;
|
||||
--base0D: #477ca1;
|
||||
--base0E: #8868b3;
|
||||
--base0F: #b3588e;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-materia.css
Normal file
153
tridactyl/themes/base16-materia.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Materia by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #263238;
|
||||
--base01: #2c393f;
|
||||
--base02: #37474f;
|
||||
--base03: #707880;
|
||||
--base04: #c9ccd3;
|
||||
--base05: #cdd3de;
|
||||
--base06: #d5dbe5;
|
||||
--base07: #ffffff;
|
||||
--base08: #ec5f67;
|
||||
--base09: #ea9560;
|
||||
--base0A: #ffcc00;
|
||||
--base0B: #8bd649;
|
||||
--base0C: #80cbc4;
|
||||
--base0D: #89ddff;
|
||||
--base0E: #82aaff;
|
||||
--base0F: #ec5f67;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-mexico-light.css
Normal file
153
tridactyl/themes/base16-mexico-light.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Mexico-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f8f8f8;
|
||||
--base01: #e8e8e8;
|
||||
--base02: #d8d8d8;
|
||||
--base03: #b8b8b8;
|
||||
--base04: #585858;
|
||||
--base05: #383838;
|
||||
--base06: #282828;
|
||||
--base07: #181818;
|
||||
--base08: #ab4642;
|
||||
--base09: #dc9656;
|
||||
--base0A: #f79a0e;
|
||||
--base0B: #538947;
|
||||
--base0C: #4b8093;
|
||||
--base0D: #7cafc2;
|
||||
--base0E: #96609e;
|
||||
--base0F: #a16946;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-mocha.css
Normal file
153
tridactyl/themes/base16-mocha.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Mocha by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #3b3228;
|
||||
--base01: #534636;
|
||||
--base02: #645240;
|
||||
--base03: #7e705a;
|
||||
--base04: #b8afad;
|
||||
--base05: #d0c8c6;
|
||||
--base06: #e9e1dd;
|
||||
--base07: #f5eeeb;
|
||||
--base08: #cb6077;
|
||||
--base09: #d28b71;
|
||||
--base0A: #f4bc87;
|
||||
--base0B: #beb55b;
|
||||
--base0C: #7bbda4;
|
||||
--base0D: #8ab3b5;
|
||||
--base0E: #a89bb9;
|
||||
--base0F: #bb9584;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-monokai.css
Normal file
153
tridactyl/themes/base16-monokai.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Monokai by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #272822;
|
||||
--base01: #383830;
|
||||
--base02: #49483e;
|
||||
--base03: #75715e;
|
||||
--base04: #a59f85;
|
||||
--base05: #f8f8f2;
|
||||
--base06: #f5f4f1;
|
||||
--base07: #f9f8f5;
|
||||
--base08: #f92672;
|
||||
--base09: #fd971f;
|
||||
--base0A: #f4bf75;
|
||||
--base0B: #a6e22e;
|
||||
--base0C: #a1efe4;
|
||||
--base0D: #66d9ef;
|
||||
--base0E: #ae81ff;
|
||||
--base0F: #cc6633;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-nord.css
Normal file
153
tridactyl/themes/base16-nord.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Nord by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2e3440;
|
||||
--base01: #3b4252;
|
||||
--base02: #434c5e;
|
||||
--base03: #4c566a;
|
||||
--base04: #d8dee9;
|
||||
--base05: #e5e9f0;
|
||||
--base06: #eceff4;
|
||||
--base07: #8fbcbb;
|
||||
--base08: #88c0d0;
|
||||
--base09: #81a1c1;
|
||||
--base0A: #5e81ac;
|
||||
--base0B: #bf616a;
|
||||
--base0C: #d08770;
|
||||
--base0D: #ebcb8b;
|
||||
--base0E: #a3be8c;
|
||||
--base0F: #b48ead;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-ocean.css
Normal file
153
tridactyl/themes/base16-ocean.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Ocean by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2b303b;
|
||||
--base01: #343d46;
|
||||
--base02: #4f5b66;
|
||||
--base03: #65737e;
|
||||
--base04: #a7adba;
|
||||
--base05: #c0c5ce;
|
||||
--base06: #dfe1e8;
|
||||
--base07: #eff1f5;
|
||||
--base08: #bf616a;
|
||||
--base09: #d08770;
|
||||
--base0A: #ebcb8b;
|
||||
--base0B: #a3be8c;
|
||||
--base0C: #96b5b4;
|
||||
--base0D: #8fa1b3;
|
||||
--base0E: #b48ead;
|
||||
--base0F: #ab7967;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-oceanicnext.css
Normal file
153
tridactyl/themes/base16-oceanicnext.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Oceanicnext by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1b2b34;
|
||||
--base01: #343d46;
|
||||
--base02: #4f5b66;
|
||||
--base03: #65737e;
|
||||
--base04: #a7adba;
|
||||
--base05: #c0c5ce;
|
||||
--base06: #cdd3de;
|
||||
--base07: #d8dee9;
|
||||
--base08: #ec5f67;
|
||||
--base09: #f99157;
|
||||
--base0A: #fac863;
|
||||
--base0B: #99c794;
|
||||
--base0C: #5fb3b3;
|
||||
--base0D: #6699cc;
|
||||
--base0E: #c594c5;
|
||||
--base0F: #ab7967;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-onedark.css
Normal file
153
tridactyl/themes/base16-onedark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
: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(--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-paraiso.css
Normal file
153
tridactyl/themes/base16-paraiso.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Paraiso by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2f1e2e;
|
||||
--base01: #41323f;
|
||||
--base02: #4f424c;
|
||||
--base03: #776e71;
|
||||
--base04: #8d8687;
|
||||
--base05: #a39e9b;
|
||||
--base06: #b9b6b0;
|
||||
--base07: #e7e9db;
|
||||
--base08: #ef6155;
|
||||
--base09: #f99b15;
|
||||
--base0A: #fec418;
|
||||
--base0B: #48b685;
|
||||
--base0C: #5bc4bf;
|
||||
--base0D: #06b6ef;
|
||||
--base0E: #815ba4;
|
||||
--base0F: #e96ba8;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-phd.css
Normal file
153
tridactyl/themes/base16-phd.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Phd by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #061229;
|
||||
--base01: #2a3448;
|
||||
--base02: #4d5666;
|
||||
--base03: #717885;
|
||||
--base04: #9a99a3;
|
||||
--base05: #b8bbc2;
|
||||
--base06: #dbdde0;
|
||||
--base07: #ffffff;
|
||||
--base08: #d07346;
|
||||
--base09: #f0a000;
|
||||
--base0A: #fbd461;
|
||||
--base0B: #99bf52;
|
||||
--base0C: #72b9bf;
|
||||
--base0D: #5299bf;
|
||||
--base0E: #9989cc;
|
||||
--base0F: #b08060;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-pico.css
Normal file
153
tridactyl/themes/base16-pico.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Pico by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #1d2b53;
|
||||
--base02: #7e2553;
|
||||
--base03: #008751;
|
||||
--base04: #ab5236;
|
||||
--base05: #5f574f;
|
||||
--base06: #c2c3c7;
|
||||
--base07: #fff1e8;
|
||||
--base08: #ff004d;
|
||||
--base09: #ffa300;
|
||||
--base0A: #fff024;
|
||||
--base0B: #00e756;
|
||||
--base0C: #29adff;
|
||||
--base0D: #83769c;
|
||||
--base0E: #ff77a8;
|
||||
--base0F: #ffccaa;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-pop.css
Normal file
153
tridactyl/themes/base16-pop.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Pop by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #000000;
|
||||
--base01: #202020;
|
||||
--base02: #303030;
|
||||
--base03: #505050;
|
||||
--base04: #b0b0b0;
|
||||
--base05: #d0d0d0;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #ffffff;
|
||||
--base08: #eb008a;
|
||||
--base09: #f29333;
|
||||
--base0A: #f8ca12;
|
||||
--base0B: #37b349;
|
||||
--base0C: #00aabb;
|
||||
--base0D: #0e5a94;
|
||||
--base0E: #b31e8d;
|
||||
--base0F: #7a2d00;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-railscasts.css
Normal file
153
tridactyl/themes/base16-railscasts.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Railscasts by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2b2b2b;
|
||||
--base01: #272935;
|
||||
--base02: #3a4055;
|
||||
--base03: #5a647e;
|
||||
--base04: #d4cfc9;
|
||||
--base05: #e6e1dc;
|
||||
--base06: #f4f1ed;
|
||||
--base07: #f9f7f3;
|
||||
--base08: #da4939;
|
||||
--base09: #cc7833;
|
||||
--base0A: #ffc66d;
|
||||
--base0B: #a5c261;
|
||||
--base0C: #519f50;
|
||||
--base0D: #6d9cbe;
|
||||
--base0E: #b6b3eb;
|
||||
--base0F: #bc9458;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-rebecca.css
Normal file
153
tridactyl/themes/base16-rebecca.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Rebecca by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #292a44;
|
||||
--base01: #663399;
|
||||
--base02: #383a62;
|
||||
--base03: #666699;
|
||||
--base04: #a0a0c5;
|
||||
--base05: #f1eff8;
|
||||
--base06: #ccccff;
|
||||
--base07: #53495d;
|
||||
--base08: #a0a0c5;
|
||||
--base09: #efe4a1;
|
||||
--base0A: #ae81ff;
|
||||
--base0B: #6dfedf;
|
||||
--base0C: #8eaee0;
|
||||
--base0D: #2de0a7;
|
||||
--base0E: #7aa5ff;
|
||||
--base0F: #ff79c6;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-seti-ui.css
Normal file
153
tridactyl/themes/base16-seti-ui.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Seti-ui by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #151718;
|
||||
--base01: #8ec43d;
|
||||
--base02: #3b758c;
|
||||
--base03: #41535b;
|
||||
--base04: #43a5d5;
|
||||
--base05: #d6d6d6;
|
||||
--base06: #eeeeee;
|
||||
--base07: #ffffff;
|
||||
--base08: #cd3f45;
|
||||
--base09: #db7b55;
|
||||
--base0A: #e6cd69;
|
||||
--base0B: #9fca56;
|
||||
--base0C: #55dbbe;
|
||||
--base0D: #55b5db;
|
||||
--base0E: #a074c4;
|
||||
--base0F: #8a553f;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-shapeshifter.css
Normal file
153
tridactyl/themes/base16-shapeshifter.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Shapeshifter by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #f9f9f9;
|
||||
--base01: #e0e0e0;
|
||||
--base02: #ababab;
|
||||
--base03: #555555;
|
||||
--base04: #343434;
|
||||
--base05: #102015;
|
||||
--base06: #040404;
|
||||
--base07: #000000;
|
||||
--base08: #e92f2f;
|
||||
--base09: #e09448;
|
||||
--base0A: #dddd13;
|
||||
--base0B: #0ed839;
|
||||
--base0C: #23edda;
|
||||
--base0D: #3b48e3;
|
||||
--base0E: #f996e2;
|
||||
--base0F: #69542d;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-solar-flare.css
Normal file
153
tridactyl/themes/base16-solar-flare.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Solar-flare by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #18262f;
|
||||
--base01: #222e38;
|
||||
--base02: #586875;
|
||||
--base03: #667581;
|
||||
--base04: #85939e;
|
||||
--base05: #a6afb8;
|
||||
--base06: #e8e9ed;
|
||||
--base07: #f5f7fa;
|
||||
--base08: #ef5253;
|
||||
--base09: #e66b2b;
|
||||
--base0A: #e4b51c;
|
||||
--base0B: #7cc844;
|
||||
--base0C: #52cbb0;
|
||||
--base0D: #33b5e1;
|
||||
--base0E: #a363d5;
|
||||
--base0F: #d73c9a;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-solarized-dark.css
Normal file
153
tridactyl/themes/base16-solarized-dark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Solarized-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #002b36;
|
||||
--base01: #073642;
|
||||
--base02: #586e75;
|
||||
--base03: #657b83;
|
||||
--base04: #839496;
|
||||
--base05: #93a1a1;
|
||||
--base06: #eee8d5;
|
||||
--base07: #fdf6e3;
|
||||
--base08: #dc322f;
|
||||
--base09: #cb4b16;
|
||||
--base0A: #b58900;
|
||||
--base0B: #859900;
|
||||
--base0C: #2aa198;
|
||||
--base0D: #268bd2;
|
||||
--base0E: #6c71c4;
|
||||
--base0F: #d33682;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/base16-solarized-light.css
Normal file
156
tridactyl/themes/base16-solarized-light.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Solarized-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #fdf6e3;
|
||||
--base01: #eee8d5;
|
||||
--base02: #93a1a1;
|
||||
--base03: #839496;
|
||||
--base04: #657b83;
|
||||
--base05: #586e75;
|
||||
--base06: #073642;
|
||||
--base07: #002b36;
|
||||
--base08: #dc322f;
|
||||
--base09: #cb4b16;
|
||||
--base0A: #b58900;
|
||||
--base0B: #859900;
|
||||
--base0C: #2aa198;
|
||||
--base0D: #268bd2;
|
||||
--base0E: #6c71c4;
|
||||
--base0F: #d33682;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-spacemacs.css
Normal file
153
tridactyl/themes/base16-spacemacs.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Spacemacs by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1f2022;
|
||||
--base01: #282828;
|
||||
--base02: #444155;
|
||||
--base03: #585858;
|
||||
--base04: #b8b8b8;
|
||||
--base05: #a3a3a3;
|
||||
--base06: #e8e8e8;
|
||||
--base07: #f8f8f8;
|
||||
--base08: #f2241f;
|
||||
--base09: #ffa500;
|
||||
--base0A: #b1951d;
|
||||
--base0B: #67b11d;
|
||||
--base0C: #2d9574;
|
||||
--base0D: #4f97d7;
|
||||
--base0E: #a31db1;
|
||||
--base0F: #b03060;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-summerfruit-dark.css
Normal file
159
tridactyl/themes/base16-summerfruit-dark.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Summerfruit-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #151515;
|
||||
--base01: #202020;
|
||||
--base02: #303030;
|
||||
--base03: #505050;
|
||||
--base04: #b0b0b0;
|
||||
--base05: #d0d0d0;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #ffffff;
|
||||
--base08: #ff0086;
|
||||
--base09: #fd8900;
|
||||
--base0A: #aba800;
|
||||
--base0B: #00c918;
|
||||
--base0C: #1faaaa;
|
||||
--base0D: #3777e6;
|
||||
--base0E: #ad00a1;
|
||||
--base0F: #cc6633;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
159
tridactyl/themes/base16-summerfruit-light.css
Normal file
159
tridactyl/themes/base16-summerfruit-light.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
:root { /* Summerfruit-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #ffffff;
|
||||
--base01: #e0e0e0;
|
||||
--base02: #d0d0d0;
|
||||
--base03: #b0b0b0;
|
||||
--base04: #000000;
|
||||
--base05: #101010;
|
||||
--base06: #151515;
|
||||
--base07: #202020;
|
||||
--base08: #ff0086;
|
||||
--base09: #fd8900;
|
||||
--base0A: #aba800;
|
||||
--base0B: #00c918;
|
||||
--base0C: #1faaaa;
|
||||
--base0D: #3777e6;
|
||||
--base0E: #ad00a1;
|
||||
--base0F: #cc6633;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-tomorrow-night.css
Normal file
153
tridactyl/themes/base16-tomorrow-night.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Tomorrow-night by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1d1f21;
|
||||
--base01: #282a2e;
|
||||
--base02: #373b41;
|
||||
--base03: #969896;
|
||||
--base04: #b4b7b4;
|
||||
--base05: #c5c8c6;
|
||||
--base06: #e0e0e0;
|
||||
--base07: #ffffff;
|
||||
--base08: #cc6666;
|
||||
--base09: #de935f;
|
||||
--base0A: #f0c674;
|
||||
--base0B: #b5bd68;
|
||||
--base0C: #8abeb7;
|
||||
--base0D: #81a2be;
|
||||
--base0E: #b294bb;
|
||||
--base0F: #a3685a;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-tomorrow.css
Normal file
153
tridactyl/themes/base16-tomorrow.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Tomorrow by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #ffffff;
|
||||
--base01: #e0e0e0;
|
||||
--base02: #d6d6d6;
|
||||
--base03: #8e908c;
|
||||
--base04: #969896;
|
||||
--base05: #4d4d4c;
|
||||
--base06: #282a2e;
|
||||
--base07: #1d1f21;
|
||||
--base08: #c82829;
|
||||
--base09: #f5871f;
|
||||
--base0A: #eab700;
|
||||
--base0B: #718c00;
|
||||
--base0C: #3e999f;
|
||||
--base0D: #4271ae;
|
||||
--base0E: #8959a8;
|
||||
--base0F: #a3685a;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-twilight.css
Normal file
153
tridactyl/themes/base16-twilight.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Twilight by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #1e1e1e;
|
||||
--base01: #323537;
|
||||
--base02: #464b50;
|
||||
--base03: #5f5a60;
|
||||
--base04: #838184;
|
||||
--base05: #a7a7a7;
|
||||
--base06: #c3c3c3;
|
||||
--base07: #ffffff;
|
||||
--base08: #cf6a4c;
|
||||
--base09: #cda869;
|
||||
--base0A: #f9ee98;
|
||||
--base0B: #8f9d6a;
|
||||
--base0C: #afc4db;
|
||||
--base0D: #7587a6;
|
||||
--base0E: #9b859d;
|
||||
--base0F: #9b703f;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-unikitty-dark.css
Normal file
153
tridactyl/themes/base16-unikitty-dark.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Unikitty-dark by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #2e2a31;
|
||||
--base01: #4a464d;
|
||||
--base02: #666369;
|
||||
--base03: #838085;
|
||||
--base04: #9f9da2;
|
||||
--base05: #bcbabe;
|
||||
--base06: #d8d7da;
|
||||
--base07: #f5f4f7;
|
||||
--base08: #d8137f;
|
||||
--base09: #d65407;
|
||||
--base0A: #dc8a0e;
|
||||
--base0B: #17ad98;
|
||||
--base0C: #149bda;
|
||||
--base0D: #796af5;
|
||||
--base0E: #bb60ea;
|
||||
--base0F: #c720ca;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-unikitty-light.css
Normal file
153
tridactyl/themes/base16-unikitty-light.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Unikitty-light by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #ffffff;
|
||||
--base01: #e1e1e2;
|
||||
--base02: #c4c3c5;
|
||||
--base03: #a7a5a8;
|
||||
--base04: #89878b;
|
||||
--base05: #6c696e;
|
||||
--base06: #4f4b51;
|
||||
--base07: #322d34;
|
||||
--base08: #d8137f;
|
||||
--base09: #d65407;
|
||||
--base0A: #dc8a0e;
|
||||
--base0B: #17ad98;
|
||||
--base0C: #149bda;
|
||||
--base0D: #775dff;
|
||||
--base0E: #aa17e6;
|
||||
--base0F: #e013d0;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
153
tridactyl/themes/base16-woodland.css
Normal file
153
tridactyl/themes/base16-woodland.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
:root { /* Woodland by Chris Kempson (http://chriskempson.com) */
|
||||
--base00: #231e18;
|
||||
--base01: #302b25;
|
||||
--base02: #48413a;
|
||||
--base03: #9d8b70;
|
||||
--base04: #b4a490;
|
||||
--base05: #cabcb1;
|
||||
--base06: #d7c8bc;
|
||||
--base07: #e4d4c8;
|
||||
--base08: #d35c5c;
|
||||
--base09: #ca7f32;
|
||||
--base0A: #e0ac16;
|
||||
--base0B: #b7ba53;
|
||||
--base0C: #6eb958;
|
||||
--base0D: #88a4d3;
|
||||
--base0E: #bb90e2;
|
||||
--base0F: #b49368;
|
||||
|
||||
--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; */
|
||||
/* } */
|
||||
156
tridactyl/themes/snazzy.css
Normal file
156
tridactyl/themes/snazzy.css
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
:root { /* Snazzy Tridactyl theme created by Chris Cochrun chris@tfcconnection.org */
|
||||
--base00: #282a36;
|
||||
--base01: #34353e;
|
||||
--base02: #43454f;
|
||||
--base03: #78787e;
|
||||
--base04: #a5a5a9;
|
||||
--base05: #e2e4e5;
|
||||
--base06: #eff0eb;
|
||||
--base07: #f1f1f0;
|
||||
--base08: #ff5c57;
|
||||
--base09: #ff9f43;
|
||||
--base0A: #f3f99d;
|
||||
--base0B: #5af78e;
|
||||
--base0C: #9aedfe;
|
||||
--base0D: #57c7ff;
|
||||
--base0E: #ff6ac1;
|
||||
--base0F: #b2643c;
|
||||
|
||||
--tridactyl-fg: var(--base05);
|
||||
--tridactyl-bg: var(--base00);
|
||||
--tridactyl-url-fg: var(--base08);
|
||||
--tridactyl-url-bg: var(--base00);
|
||||
--tridactyl-highlight-box-bg: var(--base0D);
|
||||
--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);
|
||||
opacity: 0.85;
|
||||
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;
|
||||
border-radius: 30px !important;
|
||||
/*filter: blur(15px);*/
|
||||
}
|
||||
|
||||
.TridactylStatusIndicator { position: fixed !important;
|
||||
bottom: 0 !important;
|
||||
background: var(--tridactyl-bg) !important;
|
||||
border: unset !important;
|
||||
border: 1px var(--base0D) solid !important;
|
||||
font-size: 9pt !important;
|
||||
/*font-weight: 200 !important;*/
|
||||
padding: 0.6ex !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; */
|
||||
/* } */
|
||||
37
tridactyl/tridactylrc
Normal file
37
tridactyl/tridactylrc
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
" General Settings
|
||||
set configversion 1.9
|
||||
set update.lastchecktime 1595863715072
|
||||
set update.nag true
|
||||
set update.nagwait 7
|
||||
set update.lastnaggedversion 1.14.0
|
||||
set update.checkintervalsecs 86400
|
||||
set theme base16-google-dark
|
||||
set searchurls.gh https://github.com/search?utf8=✓&q=
|
||||
set searchurls.y https://www.yewtu.be/search?q=
|
||||
set searchurls.wiki https://en.wikipedia.org/wiki/Special:Search/
|
||||
set searchurls.g https://www.google.com/search?q=
|
||||
set searchurls.d https://duckduckgo.com/?q=
|
||||
set searchurls.ama https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=
|
||||
set searchurls.google https://www.google.com/search?q=
|
||||
set searchurls.googlelucky https://www.google.com/search?btnI=I'm+Feeling+Lucky&q=
|
||||
set searchurls.scholar https://scholar.google.com/scholar?q=
|
||||
set searchurls.googleuk https://www.google.co.uk/search?q=
|
||||
set searchurls.bing https://www.bing.com/search?q=
|
||||
set searchurls.duckduckgo https://duckduckgo.com/?q=
|
||||
set searchurls.yahoo https://search.yahoo.com/search?p=
|
||||
set searchurls.twitter https://twitter.com/search?q=
|
||||
set searchurls.wikipedia https://en.wikipedia.org/wiki/Special:Search/
|
||||
set searchurls.youtube https://www.youtube.com/results?search_query=
|
||||
set searchurls.amazon https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=
|
||||
set searchurls.amazonuk https://www.amazon.co.uk/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=
|
||||
set searchurls.startpage https://startpage.com/do/search?language=english&cat=web&query=
|
||||
set searchurls.github https://github.com/search?utf8=✓&q=
|
||||
set searchurls.searx https://searx.me/?category_general=on&q=
|
||||
set searchurls.cnrtl http://www.cnrtl.fr/lexicographie/
|
||||
set searchurls.osm https://www.openstreetmap.org/search?query=
|
||||
set searchurls.mdn https://developer.mozilla.org/en-US/search?q=
|
||||
set searchurls.gentoo_wiki https://wiki.gentoo.org/index.php?title=Special%3ASearch&profile=default&fulltext=Search&search=
|
||||
set searchurls.qwant https://www.qwant.com/?q=
|
||||
|
||||
" For syntax highlighting see https://github.com/tridactyl/vim-tridactyl
|
||||
" vim: set filetype=tridactyl
|
||||
Loading…
Add table
Add a link
Reference in a new issue