foo/tilde
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add --search-highlight-foreground + theme tweaks

Browse Source
This commit is contained in:
Cade Scroggins
2021-02-05 20:47:52 +05:30
parent 78dbf77530
commit c9fa7dc33a
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -14
View File
@@ -12,13 +12,13 @@
clockOnClickAction: 'Menu', clockOnClickAction: 'Menu',
// The delimiter between the hours and minutes on the clock. // The delimiter between the hours and minutes on the clock.
clockDelimiter: ' ', clockDelimiter: ' - ',
// Show AM/PM indication when CONFIG.clockTwentyFourHours is false. // Show AM/PM indication when CONFIG.clockTwentyFourHours is false.
clockShowAmPm: true, clockShowAmPm: true,
// Show seconds on the clock. A monospaced font is recommended for this. // Show seconds on the clock. A monospaced font is recommended for this.
clockShowSeconds: true, clockShowSeconds: false,
// Show a twenty-four-hour clock instead of a twelve-hour clock. // Show a twenty-four-hour clock instead of a twelve-hour clock.
clockTwentyFourHour: true, clockTwentyFourHour: true,
@@ -351,26 +351,29 @@
<style> <style>
:root { :root {
--base-background: #000; --base-background: #000;
--base-foreground: #efefef; --base-foreground: #fff;
--help-background: #000; --help-background: #000;
--help-foreground: #fff;
--help-command-key-foreground: #000; --help-command-key-foreground: #000;
--help-foreground: #efefef;
--search-background: #000; --search-background: #000;
--search-foreground: #efefef; --search-foreground: #fff;
--search-highlight-background: hsla(0, 0%, 100%, 0.1); --search-highlight-background: hsla(0, 0%, 100%, 0.85);
--command-color-alpha: 0.9; --search-highlight-foreground: #000;
--command-color-alpha: 1;
--command-color-gradient: 45deg; --command-color-gradient: 45deg;
--command-color-lightness: 50%; --command-color-lightness: 50%;
--command-color-saturation: 50%; --command-color-saturation: 40%;
--font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, --font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif; Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
--clock-font-family: Menlo, Consolas, Monaco, Liberation Mono, --clock-font-family: var(--font-family);
Lucida Console, monospace;
--base-font-size: 16px; --base-font-size: 17px;
--clock-font-size: 2rem; --clock-font-size: 4rem;
--search-input-font-size: 2rem; --search-input-font-size: 2rem;
--font-weight-black: 900; --font-weight-black: 900;
@@ -389,13 +392,13 @@
@media (min-width: 400px) { @media (min-width: 400px) {
:root { :root {
--clock-font-size: 4rem; --clock-font-size: 6rem;
} }
} }
@media (min-width: 650px) { @media (min-width: 650px) {
:root { :root {
--clock-font-size: 6rem; --clock-font-size: 8rem;
--help-category-columns: 2; --help-category-columns: 2;
--search-input-text-align: center; --search-input-text-align: center;
--search-suggestions-align-items: center; --search-suggestions-align-items: center;
@@ -641,6 +644,7 @@
.search-suggestion.highlight { .search-suggestion.highlight {
background: var(--search-highlight-background); background: var(--search-highlight-background);
color: var(--search-highlight-foreground);
} }
.search-suggestion-match { .search-suggestion-match {