From e5cb18d8bfcd95ff756097b3893d46cd574c0263 Mon Sep 17 00:00:00 2001 From: Raphael Forment Date: Fri, 15 Dec 2023 13:53:52 +0100 Subject: [PATCH] install a new set of colors --- index.html | 2 +- src/style.css | 16 +++++++++++++++- src/themes/toposTheme.ts | 16 ++++++++-------- 3 files changed, 24 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 0449411..fbacdd4 100644 --- a/index.html +++ b/index.html @@ -68,7 +68,7 @@ - +

Dada

diff --git a/src/style.css b/src/style.css index ea83325..a6f9834 100644 --- 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; } } diff --git a/src/themes/toposTheme.ts b/src/themes/toposTheme.ts index 23c613a..0d019cc 100644 --- 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",