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

Merge pull request #3390 from eeshugerman/shydactyl-vars

Browse source 
shydactyl | make use of more variables and defaults
This commit is contained in:
Oliver Blanthorn 2021-02-21 05:52:50 +00:00 • committed by GitHub
commit 24aa9cb21a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/static/css/commandline.css
View file

@ -106,6 +106,7 @@ input:focus {
var(--tridactyl-header-second-bg),
var(--tridactyl-header-third-bg)
);
font-size: var(--tridactyl-header-font-size);
font-weight: var(--tridactyl-header-font-weight);
border-bottom: var(--tridactyl-header-border-bottom);
padding-left: 0.5ex;

1
src/static/themes/default/default.css
View file

@ -83,6 +83,7 @@
* ????
*/
--tridactyl-header-font-size: inherit;
--tridactyl-header-font-weight: bold;
/* i don't think 0.5px is redered */
--tridactyl-header-border-bottom: 1px solid bottom;

45
src/static/themes/shydactyl/shydactyl.css
View file

@ -1,20 +1,32 @@
:root {
--tridactyl-font-family: "San Francisco", sans-serif;
--tridactyl-small-font-size: "1.5rem";
--tridactyl-cmdl-font-size: 1.5rem;
--tridactyl-cmdl-line-height: 1.5;
--tridactyl-cmplt-option-height: 1.4em;
--tridactyl-cmplt-font-size: var(--tridactyl-small-font-size);
--tridactyl-cmplt-border-top: unset;
--tridactyl-status-font-size: 9px;
--tridactyl-status-font-family: "Fira Code", monospace;
--tridactyl-status-border: 1px var(--tridactyl-fg) solid;
--tridactyl-header-font-size: var(--tridactyl-small-font-size);
--tridactyl-header-font-weight: 200;
--tridactyl-header-border-bottom: unset;
--tridactyl-hintspan-font-size: var(--tridactyl-font-size);
}
:root #command-line-holder {
order: 1;
border: 2px solid #000;
color: var(--tridactyl-bg);
border: 2px solid var(--tridactyl-cmdl-fg);
color: var(--tridactyl-cmdl-bg);
}
:root #tridactyl-input {
color: var(--tridactyl-fg);
width: 90%;
font-size: 1.5rem;
line-height: 1.5;
background: white;
padding: 1rem;
}
@ -28,22 +40,14 @@
}
:root #completions > div {
max-height: calc(20 * var(--option-height));
min-height: calc(10 * var(--option-height));
max-height: calc(20 * var(--tridactyl-cmplt-option-height));
min-height: calc(10 * var(--tridactyl-cmplt-option-height));
}
/* COMPLETIONS */
:root #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;
}
@ -92,8 +96,6 @@
:root #completions .sectionHeader {
background: unset;
font-weight: 200;
border-bottom: unset;
padding: 1rem !important;
padding-left: unset;
padding-bottom: 0.2rem;
@ -112,11 +114,6 @@
:root .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;
}