fix background color

This commit is contained in:
Emile Clark-Boman 2026-02-03 13:06:04 +10:00
parent 1161db28fd
commit c76274c0f3
6 changed files with 27 additions and 18 deletions

3
www/css/style.css Normal file
View file

@ -0,0 +1,3 @@
body {
background-color: var(--theme-bg);
}

View file

@ -18,9 +18,12 @@ Variables:
*/
:root {
--theme-tty-prompt: var(--color-rose-pine-foam);
--theme-tty-command: var(--color-rose-pine-iris);
--theme-tty-warning: var(--color-rose-pine-gold);
--theme-tty-errror: var(--color-rose-pine-love);
/* --theme-tty-: var(--color-rose-pine-); */
--theme-base: var(--palette-rose-pine-base);
--theme-bg: var(--palette-rose-pine-base);
--theme-tty-prompt: var(--palette-rose-pine-foam);
--theme-tty-command: var(--palette-rose-pine-iris);
--theme-tty-warning: var(--palette-rose-pine-gold);
--theme-tty-errror: var(--palette-rose-pine-love);
/* --theme-tty-: var(--palette-rose-pine-); */
}

View file

@ -1,5 +1,5 @@
@import url('palettes/rose-pine-dawn.css');
@import url('maps/rose-pine.css');
@import url('../palettes/rose-pine-dawn.css');
@import url('../maps/rose-pine.css');
:root {
--theme-name: "Rosé Pine Dawn";

View file

@ -1,5 +1,5 @@
@import url('palettes/rose-pine.css');
@import url('maps/rose-pine.css');
@import url('../palettes/rose-pine.css');
@import url('../maps/rose-pine.css');
:root {
--theme-name: "Rosé Pine Moon";

View file

@ -1,5 +1,5 @@
@import url('palettes/rose-pine.css');
@import url('maps/rose-pine.css');
@import url('../palettes/rose-pine.css');
@import url('../maps/rose-pine.css');
:root {
--theme-name: "Rosé Pine";

View file

@ -4,14 +4,17 @@
<head>
<meta charset="utf-8" />
<title>have you tried crying more?</title>
<!-- <script -->
<!-- src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js" -->
<!-- integrity="sha512-zhHQR0/H5SEBL3Wn6yYSaTTZej12z0hVZKOv3TwCUXT1z5qeqGcXJLLrbERYRScEDDpYIJhPC1fk31gqR783iQ==" -->
<!-- crossorigin="anonymous" -->
<!-- defer></script> -->
<script src="js/main.js" type="module"></script>
<link rel="stylesheet" href="css/shader-style.css">
<link rel="stylesheet" href="css/typing.css">
<!-- Theming -->
<link type="text/css" rel="stylesheet" href="css/themes/core.css" media="all">
<link type="text/css" rel="stylesheet" href="css/themes/themes/rose-pine.css" media="all" id="theme_css">
<!-- Styling -->
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/shader-style.css">
<link type="text/css" rel="stylesheet" href="css/typing.css">
</head>
<body>