revsuine/revsuine.xyz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

static/style.css, static/terminal.css: code styling

Browse source
This commit is contained in:
revsuine 2024-11-25 02:38:45 +00:00
parent e0a64994ca
commit d8eec50530
Signed by: revsuine
GPG key ID: 3F257B68F5BC9339
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/style.css
View file

@ -5,6 +5,7 @@
--foreground: var(--fg0); --foreground: var(--fg0);
--accent: var(--green); --accent: var(--green);
--faint_foreground: var(--grey0); --faint_foreground: var(--grey0);
--code_background: var(--bg_dim);
} }
/* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided
@ -21,3 +22,11 @@
opacity: 0.5; opacity: 0.5;
} }
.code-toolbar {
border: 1px solid var(--bg3);
}
code {
background: var(--code_background);
}

12
static/terminal.css
View file

@ -1,7 +1,9 @@
@import url("gruvbox-material.css");
:root { :root {
--background: #282828; --background: var(--bg0);
--foreground: #d4be98; --foreground: var(--fg0);
--accent: #a9b665; --accent: var(--green);
--font-size: 1rem; --font-size: 1rem;
--line-height: 1.54rem; --line-height: 1.54rem;
--radius: 0px; --radius: 0px;
@ -275,13 +277,13 @@ code code {
pre { pre {
tab-size: 4; tab-size: 4;
background: color-mix(in srgb, var(--foreground) 5%, transparent) !important; background: var(--bg_dim) !important;
color: var(--foreground); color: var(--foreground);
padding: 20px 10px; padding: 20px 10px;
font-size: 0.95rem !important; font-size: 0.95rem !important;
overflow: auto; overflow: auto;
border-radius: var(--radius); border-radius: var(--radius);
border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent); border: 1px solid var(--bg3);
} }
pre code { pre code {