zaaarf/upub
1
0
Fork 0
forked from alemi/upub
Code Pull requests Activity

fix(web): use css vars for easy theming

Browse source
This commit is contained in:
əlemi 2024-05-20 07:49:00 +02:00
parent fa3f0f853a
commit 20c17da207
Signed by: alemi
GPG key ID: A4895B84D311642C
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/index.html
View file

@ -97,7 +97,7 @@
display: block; display: block;
} }
hr.sep { hr.sep {
border: 1px solid #bf616a70; border: 1px solid rgba(var(--accent-rgb, 0.45));
} }
hr.sticky { hr.sticky {
position: sticky; position: sticky;
@ -150,7 +150,7 @@
} }
div.banner { div.banner {
margin-top: .3em; margin-top: .3em;
outline: .3em solid #bf616a55; outline: .3em solid rgba(var(--accent-rgb), 0.33);
} }
div.overlap { div.overlap {
position: relative; position: relative;
@ -165,7 +165,7 @@
} }
img.avatar-border { img.avatar-border {
background-color: var(--background); background-color: var(--background);
border: .3em solid #BF616A; border: .3em solid var(--primary);
} }
img.avatar-inline { img.avatar-inline {
display: inline; display: inline;
@ -177,7 +177,7 @@
width: 2em; width: 2em;
} }
.box { .box {
border: 3px solid #bf616a; border: 3px solid var(--primary);
} }
.cursor { .cursor {
cursor: pointer; cursor: pointer;
@ -189,7 +189,7 @@
cursor: pointer; cursor: pointer;
height: 10em; height: 10em;
width: 100%; width: 100%;
border: 3px solid #bf616a; border: 3px solid var(--primary);
padding: 5px; padding: 5px;
object-fit: cover; object-fit: cover;
box-sizing: border-box; box-sizing: border-box;
@ -202,8 +202,8 @@
object-fit: contain; object-fit: contain;
} }
div.tl-header { div.tl-header {
background-color: #bf616a55; background-color: rgba(var(--accent-rgb), 0.33);
color: #bf616a; color: var(--primary);
} }
p.tiny-text { p.tiny-text {
line-height: .75em; line-height: .75em;
@ -216,7 +216,7 @@
} }
tr.post-table, tr.post-table,
td.post-table { td.post-table {
border: 1px dashed #bf616a; border: 1px dashed var(--primary);
padding: .5em; padding: .5em;
} }
td.top { td.top {