sel/webbed-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

visual changes mostly

Browse source
This commit is contained in:
selene 2026-02-15 20:59:59 +01:00
parent 6e0f915770
commit 34a091d032
Signed by: sel
SSH key fingerprint: SHA256:33R/4Rx5Lu4o81LyJyXdMrmP5CJ6j7j1Soo0Dn7mKc0
9 changed files with 40 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

73
themes/webbed-theme/assets/css/main.css
View file

@ -1,23 +1,19 @@
:root {
color-scheme: light dark;
}
html, body {
width: 100%;
margin: 0;
}
.background {
background: linear-gradient(rgba(5, 6, 7, 0.85), rgba(5, 6, 7, 0.70), rgba(5, 6, 7, 0.95)), url('/background.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
body {
font-family: "SUSE Mono", sans-serif;
font-weight: 550;
font-size: 18px;
font-family: "Cascadia Code", sans-serif;
font-weight: 500;
font-size: 16px;
color: #cdd6f4;
background-color: #050607;
color: light-dark(#4c4f69, #cdd6f4);
background-color: light-dark(#dce0e8, #11111b);
line-height: 1.5;
display: flex;
@ -31,8 +27,8 @@ nav {
flex-direction: row;
justify-content: start;
align-items: center;
border-bottom: 3px dashed #f1f1f110;
background-color: #10121465;
border-bottom: 3px dashed light-dark(#bcc0cc, #313244);
background-color: light-dark(#dce0e8, #11111b);
position: fixed;
top: 0;
left: 0;
@ -60,12 +56,16 @@ section.buttons-wrapper {
flex-direction: column;
align-items: center;
background-color: #10121465;
background-color: light-dark(#ccd0da, #181825);
max-width: 100%
}
section.highlighted {
background-color: light-dark(#ccd0da, #181825);
}
section {
border-bottom: 3px dashed #f1f1f110;
border-bottom: 3px dashed light-dark(#bcc0cc, #313244);
padding-left: 2.5rem;
padding-right: 2.5rem;
@ -74,7 +74,7 @@ section {
}
section > p {
max-width: 90ch;
max-width: 95ch;
}
section > div.buttons {
@ -112,41 +112,30 @@ footer {
justify-content: center;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Silkscreen", sans-serif;
font-weight: normal;
}
.huge {
font-family: "Silkscreen", sans-serif;
font-weight: normal;
font-size: 350%
}
.summary, .date {
color: #a6adc8
color: light-dark(#6c6f85, #a6adc8)
}
a {
color: #89b4fa;
color: light-dark(#1e66f5, #89b4fa);
text-decoration: underline;
text-decoration-style: dashed;
}
i, em {
color: #f5c2e7
color: light-dark(#ea76cb, #f5c2e7)
}
b, strong {
color: #94e2d5
color: light-dark(#179299, #94e2d5)
}
s {
color: #f38ba8
s, del {
color: light-dark(#d20f39, #f38ba8)
}
small {
color: #a6adc8
color: light-dark(#6c6f85, #a6adc8)
}
table {
@ -155,7 +144,7 @@ table {
}
table, th, td {
border: 3px dashed #1e1e2e;
border: 3px dashed light-dark(#bcc0cc, #313244);
}
th, td {
@ -165,16 +154,20 @@ th, td {
}
th {
background-color: #181825
background-color: light-dark(#bcc0cc, #313244);
}
code {
font-family: "JetBrains Mono", monospace;
color: #f5e0dc
color: light-dark(#dc8a78, #f5e0dc)
}
hr {
border: 1px solid #f1f1f110;
blockquote {
color: light-dark(#6c6f85, #a6adc8);
border-left: 3px dashed light-dark(#bcc0cc, #313244);
margin-left: 0;
padding-left: 2rem;
max-width: calc(95ch - 2rem);
}
li {