keith/Go-Ask-Auntie
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🔵 other: Initial WP conversion from Eleventy
Sync TODOs with Issues / sync_todos (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-05-25 16:48:48 -05:00
parent 2e5bfaba89
commit dcb38250f8
56 changed files with 965 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/base/colors.css
+51 -15
View File
@@ -1,13 +1,19 @@
/* Theme color definitions */
/* Go Ask Auntie color definitions */
@theme {
--color-black: oklch(0% 0 0);
--color-white: oklch(100% 0 0);
--color-black: #000000;
--color-white: #ffffff;
--color-background: oklch(89.75% 0 0);
--color-text: var(--color-black);
--color-background: #81C6CE;
--color-text: #262259;
--color-primary: oklch(0.57 0.203362 257.1706);
--color-navy: #262259;
--color-red: #EF3F5B;
--color-teal: #3FBDAF;
--color-teal-light: #81C6CE;
--color-purple: #822369;
--color-primary: var(--color-navy);
--color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
--color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
--color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
@@ -18,7 +24,7 @@
--color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
--color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);
--color-secondary: oklch(0.56 0.0176 257.23);
--color-secondary: var(--color-red);
--color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
--color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
--color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
@@ -29,13 +35,43 @@
--color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
--color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
--color-bodylinks: oklch(0.48 0.0789 211.58);
--color-footlinks: oklch(0.65 0.1104 212.2);
--color-teal-100: color-mix(in oklch, var(--color-teal) 10%, white);
--color-teal-200: color-mix(in oklch, var(--color-teal) 20%, white);
--color-teal-300: color-mix(in oklch, var(--color-teal) 30%, white);
--color-teal-400: color-mix(in oklch, var(--color-teal) 40%, white);
--color-teal-500: color-mix(in oklch, var(--color-teal) 50%, white);
--color-teal-600: color-mix(in oklch, var(--color-teal) 60%, white);
--color-teal-700: color-mix(in oklch, var(--color-teal) 70%, white);
--color-teal-800: color-mix(in oklch, var(--color-teal) 80%, white);
--color-teal-900: color-mix(in oklch, var(--color-teal) 90%, white);
--color-success: oklch(64.01% 0.1751 146.7);
--color-info: oklch(0.55 0.0922 211.57);
--color-warning: oklch(84.42% 0.1722 84.93);
--color-danger: oklch(0.5126 0.1865 22.61);
--color-light: oklch(98.16% 0.0017 247.8);
--color-dark: oklch(34.51% 0.0133 248.2);
--color-teal-light-100: color-mix(in oklch, var(--color-teal-light) 10%, white);
--color-teal-light-200: color-mix(in oklch, var(--color-teal-light) 20%, white);
--color-teal-light-300: color-mix(in oklch, var(--color-teal-light) 30%, white);
--color-teal-light-400: color-mix(in oklch, var(--color-teal-light) 40%, white);
--color-teal-light-500: color-mix(in oklch, var(--color-teal-light) 50%, white);
--color-teal-light-600: color-mix(in oklch, var(--color-teal-light) 60%, white);
--color-teal-light-700: color-mix(in oklch, var(--color-teal-light) 70%, white);
--color-teal-light-800: color-mix(in oklch, var(--color-teal-light) 80%, white);
--color-teal-light-900: color-mix(in oklch, var(--color-teal-light) 90%, white);
--color-purple-100: color-mix(in oklch, var(--color-purple) 10%, white);
--color-purple-200: color-mix(in oklch, var(--color-purple) 20%, white);
--color-purple-300: color-mix(in oklch, var(--color-purple) 30%, white);
--color-purple-400: color-mix(in oklch, var(--color-purple) 40%, white);
--color-purple-500: color-mix(in oklch, var(--color-purple) 50%, white);
--color-purple-600: color-mix(in oklch, var(--color-purple) 60%, white);
--color-purple-700: color-mix(in oklch, var(--color-purple) 70%, white);
--color-purple-800: color-mix(in oklch, var(--color-purple) 80%, white);
--color-purple-900: color-mix(in oklch, var(--color-purple) 90%, white);
--color-bodylinks: var(--color-navy);
--color-footlinks: var(--color-white);
--color-success: var(--color-teal);
--color-info: var(--color-teal-light);
--color-warning: var(--color-red-500);
--color-danger: var(--color-red);
--color-light: var(--color-teal-light-100);
--color-dark: var(--color-navy);
}