dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changed up the tui borders to match the title's colors

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-19 11:50:31 +02:00
commit 6dc69bbded
3 changed files with 45 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/page.css
View file

@ -86,7 +86,7 @@ body {
left: 0;
width: 100%;
z-index: 1000;
border-bottom: 1px solid var(--tui-border);
border-bottom: 1px solid var(--tui-border-highlight);
background-color: rgba(29, 32, 33, 0.4) !important;
backdrop-filter: blur(20px) saturate(150%) !important;
-webkit-backdrop-filter: blur(20px) saturate(150%) !important;
@ -137,7 +137,7 @@ body {
}
.hero-panel {
border: 1px solid var(--accent);
border: 1px solid var(--panel-color, var(--accent));
background: rgba(29, 32, 33, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
@ -151,10 +151,10 @@ body {
left: 16px;
transform: translateY(-50%);
background: var(--bg);
color: white;
color: var(--panel-color, white);
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
border: 1px solid var(--panel-color, white);
font-size: 0.8rem;
font-weight: bold;
letter-spacing: 0.05em;
@ -236,7 +236,7 @@ body {
}
.tui-panel {
border: 1px solid var(--tui-border);
border: 1px solid var(--panel-color, var(--tui-border));
background: rgba(29, 32, 33, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
@ -249,10 +249,10 @@ body {
left: 16px;
transform: translateY(-50%);
background: var(--bg);
color: white;
color: var(--panel-color, white);
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
border: 1px solid var(--panel-color, white);
font-size: 0.8rem;
font-weight: bold;
letter-spacing: 0.05em;
@ -486,7 +486,7 @@ body {
}
.subsection-panel {
border: 1px solid var(--tui-border);
border: 1px solid var(--panel-color, var(--tui-border));
background: rgba(29, 32, 33, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
@ -500,10 +500,10 @@ body {
left: 16px;
transform: translateY(-50%);
background: var(--bg);
color: white;
color: var(--panel-color, white);
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
border: 1px solid var(--panel-color, white);
font-size: 0.8rem;
font-weight: bold;
letter-spacing: 0.05em;
@ -698,7 +698,7 @@ body {
color: white;
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
border: 1px solid var(--tui-border);
font-size: 0.7rem;
font-weight: bold;
letter-spacing: 0.05em;
@ -1076,4 +1076,3 @@ body {
.heatmap-legend-cell[data-level="3"] { background-color: rgba(142, 68, 173, 0.8); }
.heatmap-legend-cell[data-level="4"] { background-color: rgba(142, 68, 173, 1); }