install a new set of colors

2023-12-15 13:53:52 +01:00
parent ce1f005f07
commit e5cb18d8bf
3 changed files with 24 additions and 10 deletions
--- a/index.html
+++ b/index.html
@ -68,7 +68,7 @@

  </style>
  <body id="all" class="z-0 bg-neutral-800 overflow-y-hidden">
-
+    <h1 class="text-gutterBackground bg-red-800">Dada</h1>
 		<!-- The header is hidden on smaller devices -->
    <header class="py-0 block text-white bg-neutral-900">
      <div id="topbar" class="mx-auto flex flex-wrap pl-2 py-1 flex-row items-center">
--- a/src/style.css
+++ b/src/style.css
@ -2,9 +2,23 @@
@tailwind components;
@tailwind utilities;

+:root {
+  --background: "#262626",
+  --lineBackground: "#3B4252",
+  --foreground: "#BBBBBB" ,
+  --caret: "#4C566A",
+  --selection: "#D8DEE9" ,
+  --selectionMatch: "#E5E9F0" ,
+  --gutterBackground: "#8FBCBB",
+  --gutterForeground: "#BF616A",
+  --gutterBorder: "#D08770",
+  --lineHighlight: "#B48EAD",
+}
+
+
@layer utilities {
  .striped .col-span-3,
  .striped .col-span-2 {
-    @apply bg-neutral-300;
+    @apply bg-background;
  }
 }