aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/tailwind.css
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2026-01-02 01:08:41 +0100
committerAriel Costas Guerrero <ariel@costas.dev>2026-01-02 01:08:41 +0100
commita3eb2d0441ae18f75604a4bee64db18391469837 (patch)
tree8994c1987afdd9436ba0699236439d3eb6c3f04d /src/frontend/app/tailwind.css
parentdd544d713a2af4713c61ae0d2050f2861cc0892a (diff)
feat: Integrate Geoapify geocoding service and update configuration
Diffstat (limited to 'src/frontend/app/tailwind.css')
-rw-r--r--src/frontend/app/tailwind.css54
1 files changed, 45 insertions, 9 deletions
diff --git a/src/frontend/app/tailwind.css b/src/frontend/app/tailwind.css
index 7438ac7..9359f44 100644
--- a/src/frontend/app/tailwind.css
+++ b/src/frontend/app/tailwind.css
@@ -19,16 +19,52 @@
--color-accent: var(--button-background-color);
/* Generated-like palette using color-mix for flexibility */
- --color-primary-50: color-mix(in oklab, var(--button-background-color) 5%, white);
- --color-primary-100: color-mix(in oklab, var(--button-background-color) 10%, white);
- --color-primary-200: color-mix(in oklab, var(--button-background-color) 20%, white);
- --color-primary-300: color-mix(in oklab, var(--button-background-color) 40%, white);
- --color-primary-400: color-mix(in oklab, var(--button-background-color) 60%, white);
+ --color-primary-50: color-mix(
+ in oklab,
+ var(--button-background-color) 5%,
+ white
+ );
+ --color-primary-100: color-mix(
+ in oklab,
+ var(--button-background-color) 10%,
+ white
+ );
+ --color-primary-200: color-mix(
+ in oklab,
+ var(--button-background-color) 20%,
+ white
+ );
+ --color-primary-300: color-mix(
+ in oklab,
+ var(--button-background-color) 40%,
+ white
+ );
+ --color-primary-400: color-mix(
+ in oklab,
+ var(--button-background-color) 60%,
+ white
+ );
--color-primary-500: var(--button-background-color);
- --color-primary-600: color-mix(in oklab, var(--button-background-color) 80%, black);
- --color-primary-700: color-mix(in oklab, var(--button-background-color) 60%, black);
- --color-primary-800: color-mix(in oklab, var(--button-background-color) 40%, black);
- --color-primary-900: color-mix(in oklab, var(--button-background-color) 20%, black);
+ --color-primary-600: color-mix(
+ in oklab,
+ var(--button-background-color) 80%,
+ black
+ );
+ --color-primary-700: color-mix(
+ in oklab,
+ var(--button-background-color) 60%,
+ black
+ );
+ --color-primary-800: color-mix(
+ in oklab,
+ var(--button-background-color) 40%,
+ black
+ );
+ --color-primary-900: color-mix(
+ in oklab,
+ var(--button-background-color) 20%,
+ black
+ );
}
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));