Merge pull request #1 from Freespoke/dave/fre-5595-add-brand-styles-t…

…o-docsfreespokecom-project [FRE-5595] Add Brand Styles to docs.freespoke.com Project
Freespoke · Aug 3, 2024 · f15ce37 · f15ce37
2 parents 792089f + 5a2c72c
commit f15ce37
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 2 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -26,7 +26,7 @@ export default defineConfig({
 					autogenerate: { directory: 'privacy' },
 				}
 			],
-			customCss: ['./src/tailwind.css'],
+			customCss: ['./src/tailwind.css', './src/styles/custom.css'],
 		}),
 		tailwind({ applyBaseStyles: false }),
 	],

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/styles/custom.css b/src/styles/custom.css
@@ -0,0 +1,29 @@
+/* Dark mode colors. */
+:root {
+	--sl-color-accent-low: #0d2928;
+	--sl-color-accent: #007a76;
+	--sl-color-accent-high: #149590;
+	--sl-color-white: #ffffff;
+	--sl-color-gray-1: #eeeeee;
+	--sl-color-gray-2: #c2c2c2;
+	--sl-color-gray-3: #8b8b8b;
+	--sl-color-gray-4: #585858;
+	--sl-color-gray-5: #383838;
+	--sl-color-gray-6: #272727;
+	--sl-color-black: #181818;
+}
+/* Light mode colors. */
+:root[data-theme='light'] {
+	--sl-color-accent-low: #149590;
+	--sl-color-accent: #149590;
+	--sl-color-accent-high: #083a38;
+	--sl-color-white: #181818;
+	--sl-color-gray-1: #272727;
+	--sl-color-gray-2: #383838;
+	--sl-color-gray-3: #585858;
+	--sl-color-gray-4: #8b8b8b;
+	--sl-color-gray-5: #c2c2c2;
+	--sl-color-gray-6: #eeeeee;
+	--sl-color-gray-7: #f6f6f6;
+	--sl-color-black: #ffffff;
+}