Initial template

1 files changed, 69 insertions, 0 deletions

diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro
new file mode 100644
index 0000000..9798cb6
--- /dev/null
+++ b/src/components/CustomStyles.astro
@@ -0,0 +1,69 @@
+---
+import '@fontsource/kanit';
+import '@fontsource/poppins';
+
+// 'DM Sans'
+// Nunito
+// Dosis
+// Outfit
+// Roboto
+// Literata
+// 'IBM Plex Sans'
+// Karla
+// Poppins
+// 'Fira Sans'
+// 'Libre Franklin'
+// Inconsolata
+// Raleway
+// Oswald
+// 'Space Grotesk'
+// Urbanist
+---
+
+<style is:inline>
+  :root {
+    --aw-font-sans: 'Poppins';
+    --aw-font-serif: 'Poppins';
+    --aw-font-heading: 'Kanit';
+
+    /* New color palette */
+    --aw-color-primary: #162130; /* Głęboki granat - główny kolor */
+    --aw-color-secondary: #162130; /* Głęboki granat - główny kolor */
+    --aw-color-accent: #162130; /* Głęboki granat - główny kolor */
+
+    --aw-color-text-heading: #162130; /* Głęboki granat dla nagłówków */
+    --aw-color-text-default: #000000; /* Czerń dla tekstu na jasnym tle */
+    --aw-color-text-muted: #888888; /* Stonowana szarość */
+    --aw-color-bg-page: #FFFFFF; /* Klasyczna biel */
+    --aw-color-bg-section: #FFFFFF; /* Klasyczna biel */
+
+    --aw-color-bg-page-dark: #162130; /* Głęboki granat */
+
+    ::selection {
+      background-color: #162130;
+      color: #FFFFFF;
+    }
+  }
+
+  .dark {
+    --aw-font-sans: 'Poppins';
+    --aw-font-serif: 'Poppins';
+    --aw-font-heading: 'Kanit';
+
+    /* Dark mode */
+    --aw-color-primary: #FFFFFF; /* Biały dla kontrastu na ciemnym tle */
+    --aw-color-secondary: #FFFFFF; /* Biały dla kontrastu na ciemnym tle */
+    --aw-color-accent: #FFFFFF; /* Biały dla kontrastu na ciemnym tle */
+
+    --aw-color-text-heading: #CCCCCC; /* Jasna szarość na ciemnym tle */
+    --aw-color-text-default: #CCCCCC; /* Jasna szarość na ciemnym tle */
+    --aw-color-text-muted: #888888; /* Stonowana szarość */
+    --aw-color-bg-page: #162130; /* Głęboki granat */
+    --aw-color-bg-section: #FFFFFF; /* Klasyczna biel dla jasnych sekcji */
+
+    ::selection {
+      background-color: #FFFFFF;
+      color: #162130;
+    }
+  }
+</style>