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;
} }
} }