diff --git a/src/lib/SelectMenu.svelte b/src/lib/SelectMenu.svelte index 017649b43..ce49f5115 100644 --- a/src/lib/SelectMenu.svelte +++ b/src/lib/SelectMenu.svelte @@ -108,6 +108,8 @@ font-family: var(--body-font-family); padding: 8px 14px; cursor: pointer; + /* --body-font-size is never defined, maybe --font-size-base? */ + /* also, this declaration 'overrides' line 105 */ font-size: var(--body-font-size); color: var(--fg); border-radius: 4px; diff --git a/src/lib/search/SearchBox.svelte b/src/lib/search/SearchBox.svelte index c31cad72d..e29ed6680 100644 --- a/src/lib/search/SearchBox.svelte +++ b/src/lib/search/SearchBox.svelte @@ -311,6 +311,7 @@ bottom: 0; text-align: right; p { + /* --font-size-smallest is never defined, maybe --font-size-xs? */ font-size: var(--font-size-smallest); color: white; font-style: italic; diff --git a/src/lib/search/SearchResultList.svelte b/src/lib/search/SearchResultList.svelte index e5ea2a5ba..026345045 100644 --- a/src/lib/search/SearchResultList.svelte +++ b/src/lib/search/SearchResultList.svelte @@ -162,6 +162,7 @@ } a strong { + /* --sk-text-2 is undefined */ color: var(--sk-text-2); } diff --git a/src/lib/search/SearchResults.svelte b/src/lib/search/SearchResults.svelte index 0921294ef..2984f72e4 100644 --- a/src/lib/search/SearchResults.svelte +++ b/src/lib/search/SearchResults.svelte @@ -21,7 +21,9 @@ padding: 1rem; font-size: 1.2rem; text-transform: uppercase; + /* --sk-back-2 is never defined, maybe --black-2? */ background-color: var(--sk-back-2); + /* --sk-border-radius is never defined */ border-radius: 0 0 var(--sk-border-radius) var(--sk-border-radius); pointer-events: all; margin: 0; diff --git a/src/params/ThemeMaker.svelte b/src/params/ThemeMaker.svelte index b8a79eeb9..d62879d69 100644 --- a/src/params/ThemeMaker.svelte +++ b/src/params/ThemeMaker.svelte @@ -85,7 +85,7 @@ height: 100vh; overflow: hidden; backdrop-filter: blur(10px); - color: var(--sheet-fg); + color: var(--fg-sheet); padding: var(--default-padding); overflow-y: scroll; border-left: var(--border); diff --git a/src/routes/(site)/about/+page.svelte b/src/routes/(site)/about/+page.svelte index f2c55c240..b4669e2f9 100644 --- a/src/routes/(site)/about/+page.svelte +++ b/src/routes/(site)/about/+page.svelte @@ -262,7 +262,7 @@ } } .desc { - color: var(--sheet-fg); + color: var(--fg-sheet); background: color-mix(in oklab, var(--bg-1), transparent 4%); width: 92%; border-radius: var(--brad); diff --git a/src/styles/base.css b/src/styles/base.css index 9dd490c14..0cf21548f 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -173,13 +173,14 @@ a, .a { + /* --link-fg is never defined */ color: var(--link-fg, var(--fg)); text-decoration: none; } :is(p, li) a, .a { - color: var(--color-sheet); + color: var(--fg-sheet); text-decoration: underline; text-decoration-color: var(--primary); text-decoration-thickness: 1.5px; @@ -225,6 +226,8 @@ padding: 4px 6px; border-bottom: none; text-decoration: none; + + /* --color-2 is never defined */ color: var(--color-2); border-radius: 4px; position: relative; diff --git a/src/styles/buttons.css b/src/styles/buttons.css index 0ebaf273c..e119d2626 100644 --- a/src/styles/buttons.css +++ b/src/styles/buttons.css @@ -14,6 +14,8 @@ font-family: var(--body-font-family); font-variation-settings: var(--fw-600); padding: 6px 15px; + + /* --body-font-size is never defined, maybe --font-size-base? */ font-size: var(--body-font-size); border-radius: var(--brad); background: var(--button-bg);