hiro/tridactyl
1
0
Fork 0
mirror of https://github.com/vale981/tridactyl synced 2025-03-05 09:31:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add "shydactyl" theme

Browse source 
NB: this is actually bootleg. All complaints about added jank should go
to @bovine3dom, who will provide copious helpings of empathy, but
probably won't be able to fix it.
This commit is contained in:
Ashley Trinh 2018-05-20 17:47:31 +01:00 • committed by Oliver Blanthorn
parent b545333dfc
commit 1a6a460879
No known key found for this signature in database
GPG key ID: 2BB8C36BB504BFF3
1 changed files with 133 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

133
src/static/themes/shydactyl.css Normal file
View file

@ -0,0 +1,133 @@
:root.TridactylThemeShydactyl {
--tridactyl-font-family: "San Francisco", sans-serif;
--tridactyl-small-font-size: "1.5rem";
}
:root.TridactylThemeShydactyl #command-line-holder{
order: 1;
border: 2px solid #000;
color: var(--tridactyl-bg);
}
:root.TridactylThemeShydactyl #tridactyl-input{
padding: 1rem;
color: var(--tridactyl-fg);
width: 97%;
font-size: 1.5rem;
line-height: 1.5;
color: black;
background: white;
padding-left: unset;
padding: 1rem;
}
:root.TridactylThemeShydactyl #completions table {
font-size: 0.8rem;
font-weight: 200;
border-spacing: 0;
table-layout: fixed;
padding: 1rem;
padding-top: 0;
}
:root.TridactylThemeShydactyl #completions > div {
max-height: calc(20 * var(--option-height));
min-height: calc(10 * var(--option-height));
}
/* COMPLETIONS */
:root.TridactylThemeShydactyl #completions {
--option-height: 1.4em;
color: black;
background: white;
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 */
:root.TridactylThemeShydactyl #completions .HistoryCompletionSource {
max-height: unset;
min-height: unset;
}
:root.TridactylThemeShydactyl #completions .HistoryCompletionSource table {
width: 100%;
font-size: 9pt;
border-spacing: 0;
table-layout: fixed;
}
/* redundancy 2: redundancy 2: more redundancy */
:root.TridactylThemeShydactyl #completions .BmarkCompletionSource {
max-height: unset;
min-height: unset;
}
:root.TridactylThemeShydactyl #completions table tr td:nth-of-type(1) { display: none; }
:root.TridactylThemeShydactyl #completions table tr td:nth-of-type(2) { display: none; }
:root.TridactylThemeShydactyl #completions .BufferCompletionSource table {
width: unset;
font-size: unset;
border-spacing: unset;
table-layout: unset;
}
:root.TridactylThemeShydactyl #completions table tr td:nth-of-type(4) { width: 50%; }
:root.TridactylThemeShydactyl #completions table tr {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
:root.TridactylThemeShydactyl #completions .sectionHeader {
background: unset;
font-weight: 200;
border-bottom: unset;
padding: 1rem !important;
padding-left: unset;
padding-bottom: 0.2rem;
}
:root.TridactylThemeShydactyl #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 15px !important;
}
:root.TridactylThemeShydactyl .TridactylStatusIndicator {
position: fixed !important;
bottom: 0 !important;
font-family: "Fira Code", monospace !important;
background: white !important;
border: unset !important;
border: 1px #000 solid !important;
font-size: 9px !important;
font-weight: 200 !important;
padding: 0.8ex !important;
}
/* #Shydactyl-normal { */
/* border-color: green !important; */
/* } */
/* #Shydactyl-insert { */
/* border-color: yellow !important; */
/* } */