diff --git a/www/css/themes/core.css b/www/css/themes/core.css index b01cbaa..f94f237 100644 --- a/www/css/themes/core.css +++ b/www/css/themes/core.css @@ -1,11 +1,3 @@ -.theme-tty-base { - color: var(--theme-base); -} - -.theme-tty-bg { - color: var(--theme-bg); -} - .theme-tty-prompt { color: var(--theme-tty-prompt); } diff --git a/www/css/themes/maps/rose-pine.css b/www/css/themes/maps/rose-pine.css index 58a809b..0a207fc 100644 --- a/www/css/themes/maps/rose-pine.css +++ b/www/css/themes/maps/rose-pine.css @@ -24,6 +24,6 @@ Variables: --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-error: var(--palette-rose-pine-love); + --theme-tty-errror: var(--palette-rose-pine-love); /* --theme-tty-: var(--palette-rose-pine-); */ } diff --git a/www/css/themes/themes/rose-pine-dawn.css b/www/css/themes/themes/rose-pine-dawn.css index ec7392d..bf7fb91 100644 --- a/www/css/themes/themes/rose-pine-dawn.css +++ b/www/css/themes/themes/rose-pine-dawn.css @@ -1,6 +1,5 @@ @import url('../palettes/rose-pine-dawn.css'); @import url('../maps/rose-pine.css'); -@import url('../core.css'); :root { --theme-name: "Rosé Pine Dawn"; diff --git a/www/css/themes/themes/rose-pine-moon.css b/www/css/themes/themes/rose-pine-moon.css index 149740d..587a836 100644 --- a/www/css/themes/themes/rose-pine-moon.css +++ b/www/css/themes/themes/rose-pine-moon.css @@ -1,6 +1,5 @@ @import url('../palettes/rose-pine.css'); @import url('../maps/rose-pine.css'); -@import url('../core.css'); :root { --theme-name: "Rosé Pine Moon"; diff --git a/www/css/themes/themes/rose-pine.css b/www/css/themes/themes/rose-pine.css index 67e205a..eed073f 100644 --- a/www/css/themes/themes/rose-pine.css +++ b/www/css/themes/themes/rose-pine.css @@ -1,6 +1,5 @@ @import url('../palettes/rose-pine.css'); @import url('../maps/rose-pine.css'); -@import url('../core.css'); :root { --theme-name: "Rosé Pine"; diff --git a/www/css/typing.css b/www/css/typing.css index 0dd1d88..34226b2 100644 --- a/www/css/typing.css +++ b/www/css/typing.css @@ -19,25 +19,22 @@ #typing-wrapper { margin: auto auto; - /* width: 71ch; /* prompt + command + cursor length */ - /* height: 21ch; */ + width: 71ch; /* prompt + command + cursor length */ + height: 21ch; text-align: start; border: 0.5ch solid #ffc0cb; /* #ac4aed */ - background-color: var(--theme-bg); + background-color: #0e0d14; padding: 20px; - overflow: hidden; display: flex; flex-direction: column; justify-content: start; align-content: center; align-items: start; - animation: kfs-ending 2s 10s forwards; } #typing-prompt { - color: var(--theme-tty-prompt); width: 10ch; /* prompt + command length */ animation: kfs-typing 0.5s steps(4), kfs-cursor-blink 1.2s steps(1, start) 0.6s forwards; white-space: nowrap; @@ -47,7 +44,6 @@ } #typing-result { - color: var(--theme-tty-warning); /* "4.8s" means the result is shown 1.8s after typing ends */ animation: unhide 1s 1.8s forwards; visibility: hidden; @@ -55,7 +51,6 @@ } #typing-prompt-segfault { - color: var(--theme-tty-prompt); width: 47ch; /* prompt + command length */ /* animation: kfs-typing-segfault 3s steps(36) 2.6s, cursor-blink 0.6s steps(1, start) 3s infinite alternate; */ animation: kfs-typing-segfault 3s steps(36) 4s forwards, cursor-blink-segfault 0.6s steps(1, start) 7.1s infinite alternate; diff --git a/www/index.html b/www/index.html index 48d1ebf..e9abe03 100644 --- a/www/index.html +++ b/www/index.html @@ -8,6 +8,7 @@ + @@ -23,29 +24,26 @@