From 9a7e3047bb07f4896bad0d8eb627b38788d878af Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Wed, 2 Sep 2026 22:42:04 +0200
Subject: [PATCH] adding half-okay light theme

---
 public/s/css/f0ckm.css | 1208 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 1087 insertions(+), 121 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index e49e905..b4ff5a9 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -9,6 +9,14 @@
 /* use whatever you like */
 /* once upon a time this was a stiefelstrapse! but no more! */
 
+:root {
+  --white: #fff;
+  --black: #000;
+  --bg: #111;
+  --text: #fff;
+  --gray: #262626;
+}
+
 html, body {
   touch-action: pan-x pan-y;
 }
@@ -281,198 +289,1125 @@ html[theme="amoled"] table.table a {
   text-decoration: underline;
 }
 
-html[theme="paper"] {
-  --accent: #000;
-  --accent-rgb: 0, 0, 0;
-  --bg: #fff;
-  --black: #000;
-  --white: #fff;
-  --gray: #262626;
-  --nav-bg: #fff;
-  --nav-brand-border: inset 1px #242424;
-  --nav-brand-bg: #fff;
-  --navigation-links-bg: #fff;
-  --navigation-links-background-linear-gradient: rgba(0, 0, 0, .12), rgba(0, 0, 0, 0);
-  --navigation-links-border-color: rgba(0, 0, 0, .8) rgba(0, 0, 0, .65) rgba(0, 0, 0, .5);
-  --navigation-links-box-shadow: rgba(255, 255, 255, .05);
-  --nav-link-background-linear-gradient: rgba(255, 255, 255, .04), rgba(255, 255, 255, 0);
-  --nav-link-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0px rgba(255, 255, 255, .04), inset 0 0px rgba(0, 0, 0, .15), 0 0px 0px rgba(0, 0, 0, .1);
-  --nav-link-hover-bg: #3939354a;
-  --nav-border-color: rgba(255, 255, 255, .05);
-  --dropdown-bg: #fff;
-  --dropdown-item-hover: #3939354a;
+:root[theme='light'],
+:root[theme='paper'],
+html[theme='light'],
+html[theme='paper'],
+[theme='light'],
+[theme='paper'] {
+  --accent: #0070f3;
+  --accent-rgb: 0, 112, 243;
+  --emoji-fav-color: #f59e0b;
+  --bg: #f6f8fa;
+  --black: white;
+  --white: black;
+  --gray: #e2e8f0;
+  --text: black;
+  --text-muted: #64748b;
+  --nav-bg: #ffffff;
+  --nav-brand-border: 1px solid #e2e8f0;
+  --nav-brand-bg: #ffffff;
+  --navigation-links-bg: #f1f5f9;
+  --navigation-links-background-linear-gradient: none;
+  --navigation-links-border-color: #e2e8f0;
+  --navigation-links-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --nav-link-background-linear-gradient: none;
+  --nav-link-box-shadow: none;
+  --nav-link-hover-bg: #e2e8f0;
+  --nav-border-color: #e2e8f0;
+  --dropdown-bg: #ffffff;
+  --dropdown-item-hover: #f1f5f9;
   --nav-brand-font: 'VCR';
   --font: monospace;
-  --pagination-background: #fff;
-  --pagination-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0px rgba(255, 255, 255, .04), inset 0 0px rgba(0, 0, 0, .15), 0 0px 0px rgba(0, 0, 0, .1);
-  --pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 1px rgba(255, 255, 255, .04), inset 0 -1px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .1);
-  --pagination-background-hover: #3939354a;
-  --pagination-border-color: rgba(0, 0, 0, .8) rgba(0, 0, 0, .65) rgba(0, 0, 0, .5);
-  --metadata-bg: #fff;
-  --badge-bg: #fff;
-  --posts-meta-bg: #000000db;
-  --badge-sfw: #68a728;
-  --badge-nsfw: #E10DC3;
-  --badge-nsfl: #660000;
-  --badge-tag: #000000;
-  --scrollbar-color: #6c6c6c;
-  --scroller-bg: #424242;
-  --footbar-color: #000;
-  --loading-indicator-color: #000;
+  --pagination-background: #ffffff;
+  --pagination-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+  --pagination-anchor-box-shadow: none;
+  --pagination-background-hover: #f1f5f9;
+  --pagination-border-color: #cbd5e1;
+  --metadata-bg: #ffffff;
+  --badge-bg: #f1f5f9;
+  --posts-meta-bg: rgba(255, 255, 255, 0.94);
+  --badge-sfw: #16a34a;
+  --badge-nsfw: #db2777;
+  --badge-nsfl: #dc2626;
+  --badge-tag: #f1f5f9;
+  --scrollbar-color: #cbd5e1;
+  --scroller-bg: #e2e8f0;
+  --footbar-color: black;
+  --loading-indicator-color: #0070f3;
   --img-border-width: 0;
-  --img-border-color: #363636;
-  --maximize_button: #fff;
-  --comment-bg: black;
+  --img-border-color: #e2e8f0;
+  --maximize_button: black;
+  --bg-gradient: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
+  background: #f6f8fa;
+  --comment-bg: #ffffff;
+  --motd-bg: #ffffff;
+  color: black;
 }
 
-html[theme="paper"] .err {
-  background: black;
-  color: white;
+/* Base Body & Typography */
+html[theme='light'],
+html[theme='light'] body,
+html[theme='paper'],
+html[theme='paper'] body,
+[theme='light'] body,
+[theme='paper'] body {
+  color: black !important;
+  background: var(--bg) !important;
 }
 
-html[theme="paper"] ._204863 {
-  color: white;
+html[theme='light'] p,
+html[theme='light'] span,
+html[theme='light'] div,
+html[theme='light'] label,
+html[theme='light'] td,
+html[theme='light'] th,
+html[theme='light'] li,
+html[theme='light'] .content,
+html[theme='light'] .pagewrapper,
+html[theme='light'] #main,
+html[theme='paper'] p,
+html[theme='paper'] span,
+html[theme='paper'] div,
+html[theme='paper'] label,
+html[theme='paper'] td,
+html[theme='paper'] th,
+html[theme='paper'] li,
+html[theme='paper'] .content,
+html[theme='paper'] .pagewrapper,
+html[theme='paper'] #main,
+[theme='light'] p,
+[theme='light'] span,
+[theme='light'] div,
+[theme='light'] label,
+[theme='light'] td,
+[theme='light'] th,
+[theme='light'] li,
+[theme='light'] .content,
+[theme='light'] .pagewrapper,
+[theme='light'] #main {
+  color: black;
 }
 
-html[theme="paper"] svg.iconset {
-  background: black;
+html[theme='light'] .text-muted,
+html[theme='light'] .post-stats,
+html[theme='light'] .post-meta,
+html[theme='light'] .comment-date,
+html[theme='light'] .comment-meta,
+html[theme='light'] .comment-time,
+html[theme='light'] .infobox-sub-heading,
+html[theme='light'] .infobox-card-label,
+html[theme='light'] .sidebar-activity-time,
+html[theme='light'] .gchat-time,
+html[theme='light'] .chat-time,
+html[theme='paper'] .text-muted,
+html[theme='paper'] .post-stats,
+html[theme='paper'] .post-meta,
+html[theme='paper'] .comment-date,
+html[theme='paper'] .comment-meta,
+html[theme='paper'] .comment-time,
+html[theme='paper'] .infobox-sub-heading,
+html[theme='paper'] .infobox-card-label,
+html[theme='paper'] .sidebar-activity-time,
+html[theme='paper'] .gchat-time,
+html[theme='paper'] .chat-time,
+[theme='light'] .text-muted,
+[theme='light'] .post-stats,
+[theme='light'] .post-meta,
+[theme='light'] .comment-date,
+[theme='light'] .comment-meta,
+[theme='light'] .comment-time,
+[theme='light'] .infobox-sub-heading,
+[theme='light'] .infobox-card-label,
+[theme='light'] .sidebar-activity-time,
+[theme='light'] .gchat-time,
+[theme='light'] .chat-time {
+  color: #64748b !important;
 }
 
-html[theme="paper"] svg.iconset:hover {
-  background: rgb(31, 30, 30);
+html[theme='light'] a,
+html[theme='paper'] a,
+[theme='light'] a {
+  color: #0284c7;
 }
 
-html[theme="paper"] .iconset#a_favo {
-  fill: var(--white);
+html[theme='light'] a:hover,
+html[theme='paper'] a:hover,
+[theme='light'] a:hover {
+  color: #0369a1;
 }
 
-html[theme="paper"] .iconset#a_delete {
-  stroke: var(--white);
+html[theme='light'] h1, html[theme='light'] h2, html[theme='light'] h3, html[theme='light'] h4, html[theme='light'] h5, html[theme='light'] h6,
+html[theme='paper'] h1, html[theme='paper'] h2, html[theme='paper'] h3, html[theme='paper'] h4, html[theme='paper'] h5, html[theme='paper'] h6,
+[theme='light'] h1, [theme='light'] h2, [theme='light'] h3, [theme='light'] h4, [theme='light'] h5, [theme='light'] h6 {
+  color: black !important;
 }
 
-html[theme="paper"] .pagination>a,
-.pagination>span {
-  border-radius: 3px;
-  border: 1px solid var(--black);
+/* Navbar & Brand */
+html[theme='light'] .navbar,
+html[theme='paper'] .navbar {
+  background: #ffffff;
+  border-bottom: 1px solid #e2e8f0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
 }
 
-html[theme="paper"] .pagination>span {
+html[theme='light'] .navbar-brand,
+html[theme='paper'] .navbar-brand {
+  background: #ffffff;
+  color: #0f172a !important;
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+}
+
+html[theme='light'] .nav-link,
+html[theme='paper'] .nav-link {
+  color: #334155;
+}
+
+html[theme='light'] .nav-link:hover,
+html[theme='paper'] .nav-link:hover {
+  color: #0f172a;
+  background: #f1f5f9;
+}
+
+html[theme='light'] .nav-link.active,
+html[theme='paper'] .nav-link.active {
+  color: #0070f3;
+  background: rgba(0, 112, 243, 0.08);
+}
+
+html[theme='light'] .dropdown-menu,
+html[theme='paper'] .dropdown-menu {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+}
+
+html[theme='light'] .dropdown-item,
+html[theme='paper'] .dropdown-item {
+  color: #334155;
+}
+
+html[theme='light'] .dropdown-item:hover,
+html[theme='paper'] .dropdown-item:hover {
+  background: #f1f5f9;
+  color: #0f172a;
+}
+
+html[theme='light'] .dropdown-divider,
+html[theme='paper'] .dropdown-divider {
+  border-color: #e2e8f0;
+}
+
+html[theme='light'] .notif-dropdown,
+html[theme='paper'] .notif-dropdown {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12);
+}
+
+html[theme='light'] .notif-dropdown::after,
+html[theme='paper'] .notif-dropdown::after {
+  border-bottom-color: #ffffff;
+}
+
+html[theme='light'] .notif-header,
+html[theme='paper'] .notif-header {
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  color: #0f172a;
+}
+
+html[theme='light'] .notif-tab,
+html[theme='paper'] .notif-tab {
+  color: #64748b;
+}
+
+html[theme='light'] .notif-tab:hover,
+html[theme='paper'] .notif-tab:hover {
+  color: #0f172a;
+  background: #f1f5f9;
+}
+
+html[theme='light'] .notif-tab.active,
+html[theme='paper'] .notif-tab.active {
+  color: #0070f3;
+  background: rgba(0, 112, 243, 0.08);
+}
+
+html[theme='light'] .notif-item,
+html[theme='paper'] .notif-item {
+  border-bottom: 1px solid #f1f5f9;
+  color: #1e293b;
+}
+
+html[theme='light'] .notif-item:hover,
+html[theme='paper'] .notif-item:hover {
+  background: #f8fafc;
+}
+
+html[theme='light'] .notif-item.unread,
+html[theme='paper'] .notif-item.unread {
+  background: #f0fdf4;
+}
+
+html[theme='light'] kbd,
+html[theme='light'] .shortcut-item kbd,
+html[theme='paper'] kbd,
+html[theme='paper'] .shortcut-item kbd {
+  background: #f1f5f9;
+  color: #334155;
+  border: 1px solid #cbd5e1;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+/* Board Bar & Navigation Filters */
+html[theme='light'] .board-bar,
+html[theme='paper'] .board-bar {
+  background: #ffffff;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+html[theme='light'] .board-chip,
+html[theme='paper'] .board-chip {
+  background: #f1f5f9;
+  color: #334155;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] .board-chip:hover,
+html[theme='paper'] .board-chip:hover {
+  background: #e2e8f0;
+  color: #0f172a;
+}
+
+html[theme='light'] .board-chip.active,
+html[theme='paper'] .board-chip.active {
+  background: #0070f3;
+  color: #ffffff;
+  border-color: #0070f3;
+}
+
+/* Post Cards, Boards & Halls */
+html[theme='light'] div.posts > a,
+html[theme='paper'] div.posts > a {
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  border-radius: 6px;
+}
+
+html[theme='light'] div.posts > a:hover,
+html[theme='paper'] div.posts > a:hover {
+  border-color: #cbd5e1;
+  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.1);
+}
+
+html[theme='light'] div.posts > a::after,
+html[theme='paper'] div.posts > a::after {
+  background: rgba(255, 255, 255, 0.92);
+  color: #0f172a;
+  border-top: 1px solid #e2e8f0;
+  text-shadow: none;
+}
+
+html[theme='light'] .board-card,
+html[theme='light'] .hall-card,
+html[theme='light'] .user-hall-card,
+html[theme='light'] .subscription-card,
+html[theme='paper'] .board-card,
+html[theme='paper'] .hall-card,
+html[theme='paper'] .user-hall-card,
+html[theme='paper'] .subscription-card {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+html[theme='light'] .board-card:hover,
+html[theme='light'] .hall-card:hover,
+html[theme='paper'] .board-card:hover,
+html[theme='paper'] .hall-card:hover {
+  border-color: #cbd5e1;
+  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.1);
+}
+
+html[theme='light'] ._204863,
+html[theme='paper'] ._204863 {
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  color: #0f172a;
+}
+
+html[theme='light'] ._204863 a,
+html[theme='light'] ._204863 span,
+html[theme='paper'] ._204863 a,
+html[theme='paper'] ._204863 span {
+  color: #0f172a;
+}
+
+html[theme='light'] .item-main-content .media-object,
+html[theme='paper'] .item-main-content .media-object {
+  background: #0f172a;
+}
+
+html[theme='light'] .metadata,
+html[theme='paper'] .metadata {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+}
+
+html[theme='light'] .metadata table td,
+html[theme='light'] .metadata table th,
+html[theme='paper'] .metadata table td,
+html[theme='paper'] .metadata table th {
+  color: #334155;
+  border-color: #e2e8f0;
+}
+
+/* Icons & GapRight - high contrast black colored */
+html[theme='light'] .gapRight i.iconset,
+html[theme='light'] .gapRight svg.iconset,
+html[theme='light'] .gapRight > .iconset,
+html[theme='paper'] .gapRight i.iconset,
+html[theme='paper'] .gapRight svg.iconset,
+html[theme='paper'] .gapRight > .iconset {
+  color: #000 !important;
+  fill: #000 !important;
+  background: #f1f5f9 !important;
+  border: 1px solid #cbd5e1 !important;
+  border-radius: 4px;
+}
+
+html[theme='light'] .gapRight i.iconset:hover,
+html[theme='light'] .gapRight svg.iconset:hover,
+html[theme='paper'] .gapRight i.iconset:hover,
+html[theme='paper'] .gapRight svg.iconset:hover {
+  background: #e2e8f0 !important;
+  color: #000 !important;
+  fill: #000 !important;
+}
+
+html[theme='light'] .gapRight #a_favo,
+html[theme='paper'] .gapRight #a_favo {
+  color: #e11d48 !important;
+  fill: #e11d48 !important;
+}
+
+html[theme='light'] i.iconset#a_oc,
+html[theme='paper'] i.iconset#a_oc {
+  color: #000 !important;
+  fill: #000 !important;
+}
+
+/* a_addtag and tag controls */
+html[theme='light'] #a_addtag,
+html[theme='light'] .tag-btn,
+html[theme='paper'] #a_addtag,
+html[theme='paper'] .tag-btn {
+  color: #000 !important;
+  fill: #000 !important;
+  background: #f1f5f9 !important;
+  border: 1px solid #cbd5e1 !important;
+}
+
+html[theme='light'] #a_addtag i,
+html[theme='light'] .tag-btn i,
+html[theme='paper'] #a_addtag i,
+html[theme='paper'] .tag-btn i {
+  color: #000 !important;
+}
+
+html[theme='light'] #a_addtag:hover,
+html[theme='light'] .tag-btn:hover,
+html[theme='paper'] #a_addtag:hover,
+html[theme='paper'] .tag-btn:hover {
+  background: #e2e8f0 !important;
+  color: #000 !important;
+}
+
+html[theme='light'] #a_toggle.rating-btn,
+html[theme='paper'] #a_toggle.rating-btn {
+  border-color: #cbd5e1;
+}
+
+html[theme='light'] svg.iconset,
+html[theme='paper'] svg.iconset {
+  fill: #000;
+  color: #000;
+}
+
+html[theme='light'] svg.iconset:hover,
+html[theme='paper'] svg.iconset:hover {
+  fill: #000;
+  color: #000;
+}
+
+html[theme='light'] .iconset#a_delete,
+html[theme='paper'] .iconset#a_delete {
+  stroke: #dc2626;
+}
+
+html[theme='light'] a.removetag,
+html[theme='paper'] a.removetag {
+  color: #dc2626 !important;
+}
+
+html[theme='light'] .tag-pill,
+html[theme='light'] .item-tag,
+html[theme='paper'] .tag-pill,
+html[theme='paper'] .item-tag {
+  background: #f1f5f9;
+  color: #334155;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] a#next,
+html[theme='light'] a#prev,
+html[theme='paper'] a#next,
+html[theme='paper'] a#prev {
+  color: #334155 !important;
+  -webkit-text-stroke: 0;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+html[theme='light'] .item_title,
+html[theme='paper'] .item_title {
+  color: #0f172a;
+}
+
+html[theme='light'] .user-infobox-block,
+html[theme='paper'] .user-infobox-block {
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+}
+
+/* Video Player Controls */
+html[theme='light'] .v0ck_player_controls,
+html[theme='paper'] .v0ck_player_controls {
+  background: rgba(255, 255, 255, 0.95);
+  border-top: 1px solid #e2e8f0;
+  color: #0f172a;
+}
+
+html[theme='light'] .v0ck_player_button svg,
+html[theme='light'] .v0ck_player_controls svg,
+html[theme='paper'] .v0ck_player_button svg,
+html[theme='paper'] .v0ck_player_controls svg {
+  fill: #334155;
+  color: #334155;
+}
+
+html[theme='light'] .v0ck_player_button svg:hover,
+html[theme='paper'] .v0ck_player_button svg:hover {
+  fill: #0f172a;
+  color: #0f172a;
+}
+
+html[theme='light'] .v0ck_progress,
+html[theme='paper'] .v0ck_progress {
+  background: #e2e8f0;
+}
+
+html[theme='light'] .v0ck_progress_filled,
+html[theme='paper'] .v0ck_progress_filled {
+  background: #0070f3;
+}
+
+/* Comments System */
+html[theme='light'] #comments-container,
+html[theme='light'] .comments-container,
+html[theme='light'] .comments-wrap,
+html[theme='paper'] #comments-container,
+html[theme='paper'] .comments-container,
+html[theme='paper'] .comments-wrap {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] .comment,
+html[theme='paper'] .comment {
+  background: #ffffff;
+  border-bottom: 1px solid #f1f5f9;
+  color: #1e293b;
+}
+
+html[theme='light'] .linear-view .comment,
+html[theme='paper'] .linear-view .comment {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+}
+
+html[theme='light'] .comment:hover,
+html[theme='paper'] .comment:hover {
+  background: #fafbfc;
+}
+
+html[theme='light'] .comment.op-comment,
+html[theme='paper'] .comment.op-comment {
+  background: #f0f9ff;
+  border-left: 3px solid #0070f3;
+}
+
+html[theme='light'] .comment-author,
+html[theme='paper'] .comment-author {
+  color: #0f172a;
+  font-weight: 700;
+}
+
+html[theme='light'] .comment-date,
+html[theme='light'] .comment-meta,
+html[theme='paper'] .comment-date,
+html[theme='paper'] .comment-meta {
+  color: #94a3b8;
+}
+
+html[theme='light'] .comment-body,
+html[theme='paper'] .comment-body {
+  color: #334155;
+}
+
+html[theme='light'] .comment-input textarea,
+html[theme='paper'] .comment-input textarea {
+  background: #ffffff;
+  border: 1px solid #cbd5e1;
+  color: #0f172a;
+}
+
+html[theme='light'] .comment-input textarea:focus,
+html[theme='paper'] .comment-input textarea:focus {
+  border-color: #0070f3;
+  box-shadow: 0 0 0 3px rgba(0, 112, 243, 0.12);
+}
+
+html[theme='light'] .comment-reactions-bar .reaction-pill,
+html[theme='paper'] .comment-reactions-bar .reaction-pill {
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
+  color: #334155;
+}
+
+html[theme='light'] .comment-reactions-bar .reaction-pill.reacted,
+html[theme='paper'] .comment-reactions-bar .reaction-pill.reacted {
+  background: #dbeafe;
+  border-color: #93c5fd;
+  color: #1d4ed8;
+}
+
+html[theme='light'] .comment-reactions-bar .reaction-add-btn,
+html[theme='paper'] .comment-reactions-bar .reaction-add-btn {
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
+  color: #64748b;
+}
+
+html[theme='light'] .emoji-picker-dropdown,
+html[theme='light'] .comment-reaction-picker,
+html[theme='paper'] .emoji-picker-dropdown,
+html[theme='paper'] .comment-reaction-picker {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12);
+  color: #0f172a;
+}
+
+html[theme='light'] .comment-quote-ref,
+html[theme='light'] .comment a.quote-link,
+html[theme='paper'] .comment-quote-ref,
+html[theme='paper'] .comment a.quote-link {
+  color: #0070f3;
+  background: #eff6ff;
+  padding: 1px 4px;
   border-radius: 3px;
 }
 
-html[theme="paper"] body {
-  color: var(--black);
+/* Sidebars & Activity */
+html[theme='light'] .global-sidebar-right,
+html[theme='light'] .item-sidebar-right,
+html[theme='light'] .index-sidebar-right,
+html[theme='paper'] .global-sidebar-right,
+html[theme='paper'] .item-sidebar-right,
+html[theme='paper'] .index-sidebar-right {
+  background: #ffffff;
+  border-left: 1px solid #e2e8f0;
+  color: #1e293b;
 }
 
-html[theme="paper"] a#next {
-  color: var(--white) !important;
-  -webkit-text-stroke: 1px var(--black);
-  font-size: 40px;
+html[theme='light'] #sidebar-activity-container,
+html[theme='paper'] #sidebar-activity-container {
+  background: #ffffff;
+  color: #1e293b;
+  border-color: #e2e8f0;
 }
 
-html[theme="paper"] a#prev {
-  color: var(--white) !important;
-  -webkit-text-stroke: 1px var(--black);
-  font-size: 40px;
+html[theme='light'] .sidebar-activity-header,
+html[theme='light'] .sidebar-section-header,
+html[theme='paper'] .sidebar-activity-header,
+html[theme='paper'] .sidebar-section-header {
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  color: #0f172a;
 }
 
-html[theme="paper"] .about {
-  color: var(--black);
+html[theme='light'] .sidebar-activity-item,
+html[theme='paper'] .sidebar-activity-item {
+  border-bottom: 1px solid #f1f5f9;
+  color: #334155;
 }
 
-html[theme="paper"] .about a:hover {
-  text-decoration: underline;
+html[theme='light'] .sidebar-activity-item:hover,
+html[theme='paper'] .sidebar-activity-item:hover {
+  background: #f8fafc;
 }
 
-html[theme="paper"] div.posts>a::after {
-  color: var(--white);
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
+html[theme='light'] .global-sidebar-right-footer,
+html[theme='light'] .item-sidebar-right-footer,
+html[theme='light'] .index-sidebar-right-footer,
+html[theme='paper'] .global-sidebar-right-footer,
+html[theme='paper'] .item-sidebar-right-footer,
+html[theme='paper'] .index-sidebar-right-footer {
+  background: #f8fafc;
+  border-top: 1px solid #e2e8f0;
+  color: #64748b;
 }
 
-html[theme="paper"] .v0ck_player_controls>input[type="range"][name="volume"]::-webkit-slider-thumb {
-  background: var(--white);
-  box-shadow: -100vw 0 0 100vw var(--white);
+html[theme='light'] .global-sidebar-right-footer a,
+html[theme='paper'] .global-sidebar-right-footer a {
+  color: #64748b;
 }
 
-html[theme="paper"] .v0ck_player_controls>input[type="range"][name="volume"]::-moz-range-thumb {
-  background: var(--white);
-  box-shadow: -100vw 0 0 100vw var(--white);
+html[theme='light'] .global-sidebar-right-footer a:hover,
+html[theme='paper'] .global-sidebar-right-footer a:hover {
+  color: #0f172a;
 }
 
-html[theme="paper"] div.posts>a {
-  box-shadow: 1px 1px 1px black;
-  border-radius: 5px;
+/* Chat & Messages */
+html[theme='light'] .gchat-online-inner,
+html[theme='paper'] .gchat-online-inner {
+  background: #f8fafc !important;
+  border-bottom: 1px solid #e2e8f0 !important;
+  color: #0f172a !important;
 }
 
-html[theme="paper"] .v0ck_progress_filled {
-  background: var(--white);
+html[theme='light'] .gchat-online-count,
+html[theme='paper'] .gchat-online-count {
+  color: #0f172a !important;
 }
 
-html[theme="paper"] .metadata {
-  color: var(--black);
+html[theme='light'] .gchat-messages,
+html[theme='light'] .chat-container,
+html[theme='paper'] .gchat-messages,
+html[theme='paper'] .chat-container {
+  background: #ffffff;
+}
+
+html[theme='light'] .gchat-msg,
+html[theme='paper'] .gchat-msg {
+  color: #1e293b;
+}
+
+html[theme='light'] .gchat-input-bar,
+html[theme='paper'] .gchat-input-bar {
+  background: #f8fafc;
+  border-top: 1px solid #e2e8f0;
+}
+
+html[theme='light'] .dm-container,
+html[theme='light'] .dm-conversations,
+html[theme='light'] .dm-thread,
+html[theme='paper'] .dm-container,
+html[theme='paper'] .dm-conversations,
+html[theme='paper'] .dm-thread {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] .dm-conv-item,
+html[theme='paper'] .dm-conv-item {
+  border-bottom: 1px solid #f1f5f9;
+  color: #1e293b;
+}
+
+html[theme='light'] .dm-conv-item:hover,
+html[theme='paper'] .dm-conv-item:hover {
+  background: #f8fafc;
+}
+
+html[theme='light'] .dm-conv-item.active,
+html[theme='paper'] .dm-conv-item.active {
+  background: #eff6ff;
+}
+
+html[theme='light'] .dm-bubble-in,
+html[theme='paper'] .dm-bubble-in {
+  background: #f1f5f9;
+  color: #1e293b;
+}
+
+html[theme='light'] .dm-bubble-out,
+html[theme='paper'] .dm-bubble-out {
+  background: #0070f3;
+  color: #ffffff;
+}
+
+/* Forms, Inputs & Controls */
+html[theme='light'] input,
+html[theme='light'] textarea,
+html[theme='light'] select,
+html[theme='paper'] input,
+html[theme='paper'] textarea,
+html[theme='paper'] select {
+  background: #ffffff;
+  color: #0f172a;
+  border: 1px solid #cbd5e1;
+}
+
+html[theme='light'] input:focus,
+html[theme='light'] textarea:focus,
+html[theme='light'] select:focus,
+html[theme='paper'] input:focus,
+html[theme='paper'] textarea:focus,
+html[theme='paper'] select:focus {
+  border-color: #0070f3;
+  box-shadow: 0 0 0 3px rgba(0, 112, 243, 0.12);
+}
+
+html[theme='light'] input::placeholder,
+html[theme='light'] textarea::placeholder,
+html[theme='paper'] input::placeholder,
+html[theme='paper'] textarea::placeholder {
+  color: #94a3b8;
+}
+
+html[theme='light'] button,
+html[theme='light'] .btn,
+html[theme='paper'] button,
+html[theme='paper'] .btn {
+  background: #ffffff;
+  color: #334155;
+  border: 1px solid #cbd5e1;
+}
+
+html[theme='light'] button:hover,
+html[theme='light'] .btn:hover,
+html[theme='paper'] button:hover,
+html[theme='paper'] .btn:hover {
+  background: #f1f5f9;
+  color: #0f172a;
+}
+
+html[theme='light'] .btn-primary,
+html[theme='paper'] .btn-primary {
+  background: #0070f3;
+  color: #ffffff;
+  border-color: #0070f3;
+}
+
+html[theme='light'] .btn-primary:hover,
+html[theme='paper'] .btn-primary:hover {
+  background: #005bb5;
+  color: #ffffff;
+}
+
+html[theme='light'] .login-form,
+html[theme='paper'] .login-form {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
+}
+
+html[theme='light'] .login-form input,
+html[theme='paper'] .login-form input {
+  color: #0f172a;
+}
+
+html[theme='light'] .login-form button[type="submit"],
+html[theme='paper'] .login-form button[type="submit"] {
+  background: #0070f3;
+  color: #ffffff;
   border: none;
 }
 
-html[theme="paper"] .navbar-brand {
-  background: var(--black);
-  color: var(--white) !important;
+/* Badges */
+html[theme='light'] .badge,
+html[theme='paper'] .badge {
+  color: #334155;
+  background: #f1f5f9;
 }
 
-html[theme="paper"] a.removetag {
-  color: var(--white) !important;
+html[theme='light'] .badge-dark,
+html[theme='paper'] .badge-dark {
+  background: #f1f5f9;
+  color: #334155;
 }
 
-html[theme="paper"] .navbar {
-  border-bottom: 1px solid var(--black);
+html[theme='light'] .badge-light,
+html[theme='paper'] .badge-light {
+  background: #ffffff;
+  color: #0f172a;
 }
 
-html[theme="paper"] .embed-responsive-image {
-  background: var(--white);
+html[theme='light'] .badge-sfw,
+html[theme='paper'] .badge-sfw {
+  background: #dcfce7;
+  color: #15803d;
+  border: 1px solid #bbf7d0;
 }
 
-html[theme="paper"] .v0ck_player_button svg:hover {
-  fill: var(--black);
-  stroke: var(--white);
+html[theme='light'] .badge-nsfw,
+html[theme='paper'] .badge-nsfw {
+  background: #fce7f3;
+  color: #be185d;
+  border: 1px solid #fbcfe8;
 }
 
-html[theme="paper"] .badge-dark,
-#themeselector {
-  box-shadow: 1px 1px 0px 0px var(--black);
+html[theme='light'] .badge-nsfl,
+html[theme='paper'] .badge-nsfl {
+  background: #fee2e2;
+  color: #b91c1c;
+  border: 1px solid #fecaca;
 }
 
-html[theme="paper"] .admin-search button {
-  color: var(--white) !important;
-  opacity: 0.9;
+/* Modals & Dialogs */
+html[theme='light'] .modal-overlay,
+html[theme='paper'] .modal-overlay {
+  background: rgba(15, 23, 42, 0.45);
+  backdrop-filter: blur(8px);
 }
 
-html[theme="paper"] table.table tbody tr:nth-of-type(2n+1) a {
-  color: var(--white) !important;
+html[theme='light'] .modal-content,
+html[theme='light'] .infobox-modal-content,
+html[theme='light'] .f0ck-modal-content,
+html[theme='light'] .upload-modal-content,
+html[theme='paper'] .modal-content,
+html[theme='paper'] .infobox-modal-content,
+html[theme='paper'] .f0ck-modal-content,
+html[theme='paper'] .upload-modal-content {
+  background: #ffffff !important;
+  border: 1px solid #e2e8f0 !important;
+  color: #0f172a !important;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
+}
+
+html[theme='light'] .modal-header,
+html[theme='light'] .infobox-modal-header,
+html[theme='paper'] .modal-header,
+html[theme='paper'] .infobox-modal-header {
+  background: #f8fafc !important;
+  border-bottom: 1px solid #e2e8f0 !important;
+}
+
+html[theme='light'] .infobox-card,
+html[theme='paper'] .infobox-card {
+  background: #f8fafc !important;
+  border: 1px solid #e2e8f0 !important;
+}
+
+html[theme='light'] .infobox-card:hover,
+html[theme='paper'] .infobox-card:hover {
+  background: #f1f5f9 !important;
+  border-color: #cbd5e1 !important;
+}
+
+html[theme='light'] .infobox-card-value,
+html[theme='paper'] .infobox-card-value {
+  color: #0f172a !important;
+}
+
+html[theme='light'] .infobox-card-label,
+html[theme='paper'] .infobox-card-label {
+  color: #64748b !important;
+}
+
+html[theme='light'] .info-title-input,
+html[theme='paper'] .info-title-input {
+  background: #ffffff !important;
+  border: 1px solid #cbd5e1 !important;
+  color: #0f172a !important;
+}
+
+html[theme='light'] .infobox-modal-body::-webkit-scrollbar-track,
+html[theme='paper'] .infobox-modal-body::-webkit-scrollbar-track {
+  background: #f1f5f9;
+}
+
+html[theme='light'] .infobox-modal-body::-webkit-scrollbar-thumb,
+html[theme='paper'] .infobox-modal-body::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+}
+
+/* Settings Page */
+html[theme='light'] .preferences-settings-wrapper fieldset,
+html[theme='light'] .settings-section,
+html[theme='paper'] .preferences-settings-wrapper fieldset,
+html[theme='paper'] .settings-section {
+  background: #ffffff !important;
+  border: 1px solid #e2e8f0 !important;
+  color: #1e293b;
+}
+
+html[theme='light'] .preferences-settings-wrapper legend,
+html[theme='paper'] .preferences-settings-wrapper legend {
+  color: #0f172a;
+}
+
+html[theme='light'] #settings-quicknav,
+html[theme='paper'] #settings-quicknav {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] #settings-quicknav a,
+html[theme='paper'] #settings-quicknav a {
+  color: #64748b;
+}
+
+html[theme='light'] #settings-quicknav a:hover,
+html[theme='light'] #settings-quicknav a.active,
+html[theme='paper'] #settings-quicknav a:hover,
+html[theme='paper'] #settings-quicknav a.active {
+  color: #0070f3 !important;
+  background: #eff6ff;
+}
+
+/* User Profile & Tables */
+html[theme='light'] .profile_head,
+html[theme='paper'] .profile_head {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+}
+
+html[theme='light'] .profile_head_user_stats > *,
+html[theme='paper'] .profile_head_user_stats > * {
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  color: #0f172a;
+  box-shadow: none;
+}
+
+html[theme='light'] table.table,
+html[theme='paper'] table.table {
+  background: #ffffff;
+  color: #1e293b;
+  border: 1px solid #e2e8f0;
+}
+
+html[theme='light'] table.table thead th,
+html[theme='paper'] table.table thead th {
+  background: #f8fafc;
+  color: #475569;
+  border-bottom: 2px solid #e2e8f0;
+}
+
+html[theme='light'] table.table tbody tr:nth-of-type(2n+1),
+html[theme='paper'] table.table tbody tr:nth-of-type(2n+1) {
+  background: #ffffff;
+  color: #1e293b !important;
+}
+
+html[theme='light'] table.table tbody tr:nth-of-type(2n),
+html[theme='paper'] table.table tbody tr:nth-of-type(2n) {
+  background: #f8fafc;
+  color: #1e293b !important;
+}
+
+html[theme='light'] table.table tbody tr:nth-of-type(2n+1) a,
+html[theme='light'] table.table a,
+html[theme='paper'] table.table tbody tr:nth-of-type(2n+1) a,
+html[theme='paper'] table.table a {
+  color: #0284c7 !important;
+  text-decoration: none;
+}
+
+html[theme='light'] table.table tbody tr:nth-of-type(2n+1) a:hover,
+html[theme='light'] table.table a:hover,
+html[theme='paper'] table.table tbody tr:nth-of-type(2n+1) a:hover,
+html[theme='paper'] table.table a:hover {
   text-decoration: underline;
 }
 
-html[theme="paper"] table.table tbody tr:nth-of-type(2n+1) {
-  color: var(--white) !important;
+html[theme='light'] table.table td,
+html[theme='paper'] table.table td {
+  border-top: 1px solid #e2e8f0;
+  color: #334155;
 }
 
-html[theme="paper"] table.table a {
-  text-decoration: underline;
+/* Pagination */
+html[theme='light'] .pagination > a,
+html[theme='light'] .pagination > span,
+html[theme='paper'] .pagination > a,
+html[theme='paper'] .pagination > span {
+  background: #ffffff;
+  border: 1px solid #cbd5e1;
+  color: #334155;
+  border-radius: 4px;
 }
 
-html[theme="paper"] a {
-  color: var(--black);
+html[theme='light'] .pagination > a:hover,
+html[theme='paper'] .pagination > a:hover {
+  background: #f1f5f9;
+  color: #0f172a;
 }
 
-html[theme="paper"] .login-form {
-  background: white;
+html[theme='light'] .pagination > span,
+html[theme='paper'] .pagination > span {
+  color: #0070f3;
+  font-weight: bold;
+  background: #eff6ff;
+  border-color: #bfdbfe;
 }
 
-html[theme="paper"] .login-form input {
-  color: black;
+/* Static Pages (About, Rules, Terms) */
+html[theme='light'] .about,
+html[theme='light'] .rules-wrap,
+html[theme='light'] .terms-wrap,
+html[theme='paper'] .about,
+html[theme='paper'] .rules-wrap,
+html[theme='paper'] .terms-wrap {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 
-html[theme="paper"] .login-form button[type="submit"] {
-  color: black;
+/* Upload Page */
+html[theme='light'] .upload-container,
+html[theme='light'] .upload-form,
+html[theme='paper'] .upload-container,
+html[theme='paper'] .upload-form {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #1e293b;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+html[theme='light'] .upload-dropzone,
+html[theme='light'] .drop-zone,
+html[theme='paper'] .upload-dropzone,
+html[theme='paper'] .drop-zone {
+  background: #f8fafc;
+  border: 2px dashed #cbd5e1;
+  color: #64748b;
+}
+
+html[theme='light'] .upload-dropzone:hover,
+html[theme='light'] .drop-zone:hover,
+html[theme='paper'] .upload-dropzone:hover,
+html[theme='paper'] .drop-zone:hover {
+  background: #eff6ff;
+  border-color: #0070f3;
+  color: #0070f3;
+}
+
+html[theme='light'] .limit-remaining,
+html[theme='paper'] .limit-remaining {
+  color: #64748b;
 }
 
 html[theme="atmos"] {
@@ -9841,7 +10776,7 @@ html[theme="f0ck95d"] .badge-dark {
   align-items: center;
   justify-content: center;
   width: 1.6em;
-  transition: color 0.15s ease, transform 0.15s ease;
+  transition: color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
   background: none;
   border: none;
   padding: 0;
@@ -9854,6 +10789,37 @@ html[theme="f0ck95d"] .badge-dark {
   color: var(--accent);
 }
 
+html[theme='light'] .steuerung.steuerung-icon,
+html[theme='light'] .steuerung.steuerung-icon a,
+html[theme='light'] .steuerung.steuerung-icon button,
+html[theme='light'] .steuerung.steuerung-icon i,
+html[theme='paper'] .steuerung.steuerung-icon,
+html[theme='paper'] .steuerung.steuerung-icon a,
+html[theme='paper'] .steuerung.steuerung-icon button,
+html[theme='paper'] .steuerung.steuerung-icon i,
+[theme='light'] .steuerung.steuerung-icon,
+[theme='light'] .steuerung.steuerung-icon a,
+[theme='light'] .steuerung.steuerung-icon button,
+[theme='light'] .steuerung.steuerung-icon i,
+[theme='paper'] .steuerung.steuerung-icon,
+[theme='paper'] .steuerung.steuerung-icon a,
+[theme='paper'] .steuerung.steuerung-icon button,
+[theme='paper'] .steuerung.steuerung-icon i {
+  color: var(--accent);
+}
+
+html[theme='light'] .steuerung.steuerung-icon a:hover,
+html[theme='light'] .steuerung.steuerung-icon button:hover,
+html[theme='paper'] .steuerung.steuerung-icon a:hover,
+html[theme='paper'] .steuerung.steuerung-icon button:hover,
+[theme='light'] .steuerung.steuerung-icon a:hover,
+[theme='light'] .steuerung.steuerung-icon button:hover,
+[theme='paper'] .steuerung.steuerung-icon a:hover,
+[theme='paper'] .steuerung.steuerung-icon button:hover {
+  color: var(--accent);
+  opacity: 0.75;
+}
+
 .mobile-scroll-to-top {
   display: none;
   background: none;