commit 070a211f7185cc22ad18759cc2037bddec0844e7
parent b38ca31d2a9d12c34c145c67fcbf7d6b506d77bb
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Mon, 15 Jul 2024 18:57:46 +0200
fix: add post contributor styling
Diffstat:
2 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/css/purpleish.css b/css/purpleish.css
@@ -54,7 +54,6 @@ a:not(.item):hover
text-decoration: underline;
}
-
/* Navigation Bar */
nav,
nav > .item,
@@ -144,20 +143,32 @@ section.ui.feed .content .meta
color: var(--fg1) !important;
}
+/* Posts Contributors */
+.ui.text.container #thread_page_thread_controls .ui.thread.segments .ui.segment {
+ background-color: var(--bg2) !important;
+ color: var(--fg1) !important;
+}
+
/* Post Actions */
.ui.button,
section.ui.feed .content .meta .ui.inline.form,
section.ui.feed .content .meta a,
.ui.mini.iconic,
.ui.mini.iconic.button .icon,
-.ui.mini.iconic.button.iconic.dangerous
+.ui.mini.iconic.button.iconic.dangerous,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox label,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox input
{
color: var(--fg1) !important;
}
section.ui.feed .content .meta a.blue,
.ui.mini.iconic.blue,
.ui.mini.iconic.button.blue,
-.ui.mini.iconic.button.blue .icon
+.ui.mini.iconic.button.blue .icon,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked label,
+.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked input
{
color: var(--hl1) !important
}
diff --git a/css/purpleish.min.css b/css/purpleish.min.css
@@ -1 +1 @@
-:root{ --bg1: #f8f8f2; --bg2: #e3e3d9; --fg1: #1d1e26; --hl1: #7277cf; --hl2: #3f426c; --invalid: #848484; --danger: #ff0000;}@media (prefers-color-scheme: dark) { :root { --bg1: #212121; --bg2: #2b2b2b; --fg1: #dcdcdc; }}body,table,tbody,tr,td{ background-color: var(--bg1) !important; color: var(--fg1) !important;}p,label,h1,h2,h3,h4,h5,h6{ color: var(--fg1) !important;}a:not(.item){ color: var(--hl1) !important;}a:not(.item):hover{ color: var(--hl1) !important; text-decoration: underline;}nav,nav > .item,nav .menu,nav .container .item .menu,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item,nav.ui.top.fixed.inverted.navigation.menu .ui.text.container .item{ background: var(--bg2) !important; color: var(--fg1) !important;}nav .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover > p > a,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active > p > a{ background: var(--hl1) !important; color: var(--fg1) !!important;}nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item:hover p a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p:hover a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p a:hover{ color: var(--fg1) !important;}.ui.stackable.secondary.menu .item,.ui.stackable.secondary.menu .item a{ color: var(--fg1) !important; text-decoration: none !important;}.ui.stackable.secondary.menu .item:hover,.ui.stackable.secondary.menu .item a:hover{ color: var(--hl1) !important; text-decoration: none !important;}trix-editor,textarea,.trix-dialog,input,table,.ui.selection.dropdown{ background-color: var(--bg2) !important; color: var(--fg1) !important; box-shadow: 0 0 0.1em var(--hl1) !important;}.ui.compact.mini.icon.menu,.ui.compact.mini.icon.menu .item,.ui.buttons .ui.button{ color: var(--fg1) !important; background-color: var(--hl1) !important;}.ui.compact.mini.icon.menu .trix-active,.ui.buttons .ui.button:active,.buttons .ui.button:hover{ background-color: var(--hl2) !important;}section.ui.feed,section.ui.feed .content,section.ui.feed .content .label,section.ui.feed .content .summary,section.ui.feed .content .extra.text,section.ui.feed .content .meta{ color: var(--fg1) !important;}.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label{ background-color: var(--bg2) !important; color: var(--fg1) !important;}.ui.button,section.ui.feed .content .meta .ui.inline.form,section.ui.feed .content .meta a,.ui.mini.iconic,.ui.mini.iconic.button .icon,.ui.mini.iconic.button.iconic.dangerous{ color: var(--fg1) !important;}section.ui.feed .content .meta a.blue,.ui.mini.iconic.blue,.ui.mini.iconic.button.blue,.ui.mini.iconic.button.blue .icon{ color: var(--hl1) !important}.ui.button:hover,section.ui.feed .content .meta .ui.inline.form:hover,section.ui.feed .content .meta a:hover,.ui.mini.iconic:hover,.ui.mini.iconic.button .icon:hover.ui.feed > .event > .content .meta a:hover,.ui.feed > .event > .content .meta a:hover > button > .icon,.ui.feed > .event > .content .meta .ui.inline.form:hover > button,.ui.feed > .event > .content .meta .ui.inline.form:hover > button > .icon,.ui.button:active,section.ui.feed .content .meta .ui.inline.form:active,section.ui.feed .content .meta a:active,.ui.mini.iconic:active,.ui.mini.iconic.button .icon:active,.ui.feed > .event > .content .meta a:active,.ui.feed > .event > .content .meta a:active > button > .icon,.ui.feed > .event > .content .meta .ui.inline.form:active > button,.ui.feed > .event > .content .meta .ui.inline.form:active > button > .icon{ color: var(--hl1) !important;}.ui.feed > .event > .content .meta .ui.inline.form:hover > button.dangerous,.ui.feed > .event > .content .meta .ui.inline.form:hover > button.dangerous > .icon{ color: var(--danger) !important;}.ui.button{ color: var(--fg1) !important; background-color: var(--hl1) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content{ color: var(--fg1) !important; background-color: var(--bg2) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content a .meta { color: var(--hl1) !important;}code, pre{ background-color: var(--bg2) !important}.ui.pagination.menu,.ui.pagination.menu a{ color: var(--fg1) !important; background-color: var(--bg1) !important;}.ui.text.container #terms .terms .ui.very.basic.table tbody .term td .ui.filter.term .wildcard{ background-color: var(--bg1) !important; color: var(--fg1) !important;}.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header,.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header .icon{ color: var(--fg1) !important;}.ui.dangerous.button,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content .ui.form.right.floated .ui.button.dangerous{ background-color: var(--danger) !important; color: var(--fg1) !important;}
-\ No newline at end of file
+:root{ --bg1: #f8f8f2; --bg2: #e3e3d9; --fg1: #1d1e26; --hl1: #7277cf; --hl2: #3f426c; --invalid: #848484; --danger: #ff0000;}@media (prefers-color-scheme: dark) { :root { --bg1: #212121; --bg2: #2b2b2b; --fg1: #dcdcdc; }}body,table,tbody,tr,td{ background-color: var(--bg1) !important; color: var(--fg1) !important;}p,label,h1,h2,h3,h4,h5,h6{ color: var(--fg1) !important;}a:not(.item){ color: var(--hl1) !important;}a:not(.item):hover{ color: var(--hl1) !important; text-decoration: underline;}nav,nav > .item,nav .menu,nav .container .item .menu,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item,nav.ui.top.fixed.inverted.navigation.menu .ui.text.container .item{ background: var(--bg2) !important; color: var(--fg1) !important;}nav .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:hover > p > a,nav.ui.inverted.navigation.menu div.ui.text.container div.compact.menu div.ui.simple.dropdown.item div.menu .item:active > p > a{ background: var(--hl1) !important; color: var(--fg1) !!important;}nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item:hover p a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p:hover a,nav.ui.bottom.forced.inverted.menu div.ui.text.container span.link.item p a:hover{ color: var(--fg1) !important;}.ui.stackable.secondary.menu .item,.ui.stackable.secondary.menu .item a{ color: var(--fg1) !important; text-decoration: none !important;}.ui.stackable.secondary.menu .item:hover,.ui.stackable.secondary.menu .item a:hover{ color: var(--hl1) !important; text-decoration: none !important;}trix-editor,textarea,.trix-dialog,input,table,.ui.selection.dropdown{ background-color: var(--bg2) !important; color: var(--fg1) !important; box-shadow: 0 0 0.1em var(--hl1) !important;}.ui.compact.mini.icon.menu,.ui.compact.mini.icon.menu .item,.ui.buttons .ui.button{ color: var(--fg1) !important; background-color: var(--hl1) !important;}.ui.compact.mini.icon.menu .trix-active,.ui.buttons .ui.button:active,.buttons .ui.button:hover{ background-color: var(--hl2) !important;}section.ui.feed,section.ui.feed .content,section.ui.feed .content .label,section.ui.feed .content .summary,section.ui.feed .content .extra.text,section.ui.feed .content .meta{ color: var(--fg1) !important;}.ui.text.container .ui.feed .detailed.event .content .extra.detail .ui.labels .ui.small.label{ background-color: var(--bg2) !important; color: var(--fg1) !important;}.ui.text.container #thread_page_thread_controls .ui.thread.segments .ui.segment { background-color: var(--bg2) !important; color: var(--fg1) !important;}.ui.button,section.ui.feed .content .meta .ui.inline.form,section.ui.feed .content .meta a,.ui.mini.iconic,.ui.mini.iconic.button .icon,.ui.mini.iconic.button.iconic.dangerous,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox input{ color: var(--fg1) !important;}section.ui.feed .content .meta a.blue,.ui.mini.iconic.blue,.ui.mini.iconic.button.blue,.ui.mini.iconic.button.blue .icon,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked label,.ui.text.container .ui.feed .threaded.event .content .meta .ui.form .ui.mini.toggle.checkbox.checked input{ color: var(--hl1) !important}.ui.button:hover,section.ui.feed .content .meta .ui.inline.form:hover,section.ui.feed .content .meta a:hover,.ui.mini.iconic:hover,.ui.mini.iconic.button .icon:hover.ui.feed > .event > .content .meta a:hover,.ui.feed > .event > .content .meta a:hover > button > .icon,.ui.feed > .event > .content .meta .ui.inline.form:hover > button,.ui.feed > .event > .content .meta .ui.inline.form:hover > button > .icon,.ui.button:active,section.ui.feed .content .meta .ui.inline.form:active,section.ui.feed .content .meta a:active,.ui.mini.iconic:active,.ui.mini.iconic.button .icon:active,.ui.feed > .event > .content .meta a:active,.ui.feed > .event > .content .meta a:active > button > .icon,.ui.feed > .event > .content .meta .ui.inline.form:active > button,.ui.feed > .event > .content .meta .ui.inline.form:active > button > .icon{ color: var(--hl1) !important;}.ui.feed > .event > .content .meta .ui.inline.form:hover > button.dangerous,.ui.feed > .event > .content .meta .ui.inline.form:hover > button.dangerous > .icon{ color: var(--danger) !important;}.ui.button{ color: var(--fg1) !important; background-color: var(--hl1) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content{ color: var(--fg1) !important; background-color: var(--bg2) !important;}.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content a .meta { color: var(--hl1) !important;}code, pre{ background-color: var(--bg2) !important}.ui.pagination.menu,.ui.pagination.menu a{ color: var(--fg1) !important; background-color: var(--bg1) !important;}.ui.text.container #terms .terms .ui.very.basic.table tbody .term td .ui.filter.term .wildcard{ background-color: var(--bg1) !important; color: var(--fg1) !important;}.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header,.ui.text.container .ui.basic.very.padded.center.aligned.segment .ui.icon.header .icon{ color: var(--fg1) !important;}.ui.dangerous.button,.ui.text.container .ui.cards .ui.fluid.actor.card .extra.content .ui.form.right.floated .ui.button.dangerous{ background-color: var(--danger) !important; color: var(--fg1) !important;}
+\ No newline at end of file
