install a new set of colors

This commit is contained in:
2023-12-15 13:53:52 +01:00
parent ce1f005f07
commit e5cb18d8bf
3 changed files with 24 additions and 10 deletions

View File

@ -68,7 +68,7 @@
</style> </style>
<body id="all" class="z-0 bg-neutral-800 overflow-y-hidden"> <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 --> <!-- The header is hidden on smaller devices -->
<header class="py-0 block text-white bg-neutral-900"> <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"> <div id="topbar" class="mx-auto flex flex-wrap pl-2 py-1 flex-row items-center">

View File

@ -2,9 +2,23 @@
@tailwind components; @tailwind components;
@tailwind utilities; @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 { @layer utilities {
.striped .col-span-3, .striped .col-span-3,
.striped .col-span-2 { .striped .col-span-2 {
@apply bg-neutral-300; @apply bg-background;
} }
} }

View File

@ -3,14 +3,14 @@ import { Extension } from "@codemirror/state";
import { HighlightStyle, syntaxHighlighting } from "@codemirror/language"; import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
import { tags as t } from "@lezer/highlight"; import { tags as t } from "@lezer/highlight";
const base00 = "#262626", const base00 = "#262626",
base01 = "#3B4252", base01 = "#3B4252",
base02 = "#BBBBBB", base02 = "#BBBBBB",
base03 = "#4C566A", base03 = "#4C566A",
base04 = "#D8DEE9", base04 = "#D8DEE9",
base05 = "#E5E9F0", base05 = "#E5E9F0",
base07 = "#8FBCBB", base07 = "#8FBCBB",
base_red = "#BF616A", base_red = "#BF616A",
base_deeporange = "#D08770", base_deeporange = "#D08770",
base_pink = "#B48EAD", base_pink = "#B48EAD",
base_cyan = "#FBCF8B", base_cyan = "#FBCF8B",