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;
  }
 }
--- a/src/themes/toposTheme.ts
+++ b/src/themes/toposTheme.ts
@ -3,14 +3,14 @@ import { Extension } from "@codemirror/state";
 import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { tags as t } from "@lezer/highlight";

-const base00 = "#262626",
-  base01 = "#3B4252",
-  base02 = "#BBBBBB",
-  base03 = "#4C566A",
-  base04 = "#D8DEE9",
-  base05 = "#E5E9F0",
-  base07 = "#8FBCBB",
-  base_red = "#BF616A",
+const base00      = "#262626",
+  base01          = "#3B4252",
+  base02          = "#BBBBBB",
+  base03          = "#4C566A",
+  base04          = "#D8DEE9",
+  base05          = "#E5E9F0",
+  base07          = "#8FBCBB",
+  base_red        = "#BF616A",
  base_deeporange = "#D08770",
  base_pink = "#B48EAD",
  base_cyan = "#FBCF8B",