prehistoric-systems/tilde
1
0
Fork 0
mirror of https://github.com/xvvvyz/tilde.git synced 2026-03-11 14:44:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: 6AC5A902158265D0
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
index.html
View file

@ -12,13 +12,13 @@
clockOnClickAction: 'Menu',
// The delimiter between the hours and minutes on the clock.
clockDelimiter: ' ',
clockDelimiter: ' - ',
// Show AM/PM indication when CONFIG.clockTwentyFourHours is false.
clockShowAmPm: true,
// 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.
clockTwentyFourHour: true,
@ -351,26 +351,29 @@
<style>
:root {
--base-background: #000;
--base-foreground: #efefef;
--base-foreground: #fff;
--help-background: #000;
--help-foreground: #fff;
--help-command-key-foreground: #000;
--help-foreground: #efefef;
--search-background: #000;
--search-foreground: #efefef;
--search-highlight-background: hsla(0, 0%, 100%, 0.1);
--command-color-alpha: 0.9;
--search-foreground: #fff;
--search-highlight-background: hsla(0, 0%, 100%, 0.85);
--search-highlight-foreground: #000;
--command-color-alpha: 1;
--command-color-gradient: 45deg;
--command-color-lightness: 50%;
--command-color-saturation: 50%;
--command-color-saturation: 40%;
--font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
--clock-font-family: Menlo, Consolas, Monaco, Liberation Mono,
Lucida Console, monospace;
--clock-font-family: var(--font-family);
--base-font-size: 16px;
--clock-font-size: 2rem;
--base-font-size: 17px;
--clock-font-size: 4rem;
--search-input-font-size: 2rem;
--font-weight-black: 900;
@ -389,13 +392,13 @@
@media (min-width: 400px) {
:root {
--clock-font-size: 4rem;
--clock-font-size: 6rem;
}
}
@media (min-width: 650px) {
:root {
--clock-font-size: 6rem;
--clock-font-size: 8rem;
--help-category-columns: 2;
--search-input-text-align: center;
--search-suggestions-align-items: center;
@ -641,6 +644,7 @@
.search-suggestion.highlight {
background: var(--search-highlight-background);
color: var(--search-highlight-foreground);
}
.search-suggestion-match {