feat: update styling
This commit is contained in:
34
src/styles/custom.css
Normal file
34
src/styles/custom.css
Normal file
@@ -0,0 +1,34 @@
|
||||
@import 'tailwindcss';
|
||||
@plugin '@tailwindcss/typography';
|
||||
|
||||
/* Custom colors */
|
||||
@theme {
|
||||
--color-midnight: #0c354d;
|
||||
--color-turquoise: #0da797;
|
||||
--color-steel: #4682b4;
|
||||
--color-bermuda: #7fbab4;
|
||||
--color-desert: #f9deb2;
|
||||
--color-bronze: #9e7f5e;
|
||||
--color-gitea-primary: #609926;
|
||||
--color-gitea-secondary: #4c7a33;
|
||||
}
|
||||
|
||||
@layer starlight, rapide, overrides;
|
||||
|
||||
@layer overrides {
|
||||
:root {
|
||||
--sl-color-accent-high: var(--color-steel);
|
||||
--sl-color-accent-high: var(--color-steel);
|
||||
--sl-color-accent-low: var(--color-bermuda);
|
||||
}
|
||||
|
||||
:root[data-theme='light'] {
|
||||
--sl-color-accent: var(--color-steel);
|
||||
--sl-color-accent-high: var(--color-steel);
|
||||
--sl-color-accent-low: var(--color-turquoise);
|
||||
}
|
||||
|
||||
.site-title:where(.astro-gmuhlsjs) {
|
||||
color: var(--color-turquoise);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user