/* Tales of Zalanthas simple parchment theme for Fider */ :root { --toz-page: #f0dfbd; --toz-panel: #fcf7ef; --toz-control: #f8efde; --toz-border: #d8c39b; --toz-text: #2a2119; --toz-muted: #6f604e; --toz-accent: #8b4a24; --toz-accent-hover: #6f2f1f; --toz-blue: #1f55ff; } /* Overall background */ html, body, #root { background: var(--toz-page) !important; color: var(--toz-text) !important; } /* Main app surfaces */ #root main, #root aside, #root article, #root section, #root form, #root [role="main"], #root [class^="p-"], #root [class*=" p-"] { background-color: var(--toz-panel) !important; } /* Header/top bar */ #root header, #root nav, #root header *, #root nav * { background-color: var(--toz-panel) !important; } /* Post/idea list items */ .c-post-list, .c-idea-list, .c-list, .c-post-list__item, .c-idea-list .c-list-item, .c-list-item { background-color: var(--toz-panel) !important; color: var(--toz-text) !important; } /* Light border separation */ .c-post-list__item, .c-idea-list .c-list-item, .c-list-item, #root aside, #root section, #root article, #root form { border-color: var(--toz-border) !important; } /* Titles */ .c-post-list__item-title, .c-idea-list .c-list-item-title, .c-list-item-title, h1, h2, h3 { color: #111 !important; } .c-post-list__item-title:hover, .c-idea-list .c-list-item .c-list-item-title:hover, .c-list-item-title:hover { color: var(--toz-accent-hover) !important; } /* Links and accents */ a { color: var(--toz-accent) !important; } a:hover { color: var(--toz-accent-hover) !important; } /* Buttons, inputs, search, filters */ button, input, textarea, select { background-color: var(--toz-control) !important; border-color: var(--toz-border) !important; color: var(--toz-text) !important; } /* Vote/support counter */ .c-support-counter, .c-support-counter button { background-color: var(--toz-control) !important; border-color: var(--toz-border) !important; } .c-support-counter button, .c-support-counter button.m-supported, .c-support-counter button:hover { color: var(--toz-blue) !important; } /* Staff/admin visual accents */ .c-username.m-staff { color: var(--toz-accent) !important; } .c-avatar.m-staff { border-color: var(--toz-accent) !important; } /* Menus/dropdowns */ .c-menu { background-color: var(--toz-control) !important; border-color: var(--toz-border) !important; } /* Muted/meta text */ small, time, .c-muted, [class*="muted"], [class*="Meta"], [class*="meta"] { color: var(--toz-muted) !important; } /* Keep the page from looking stark white even where Fider uses generic div wrappers */ #p-home, #p-post, #p-signin, #p-signup, #p-admin { background-color: var(--toz-page) !important; } /* Keep filter/sort controls readable even when Fider dark mode is enabled */ #root button, #root input, #root textarea, #root select, #root .c-menu, #root .c-menu *, #root [class*="filter"], #root [class*="Filter"], #root [class*="sort"], #root [class*="Sort"] { background-color: var(--toz-control) !important; border-color: var(--toz-border) !important; color: var(--toz-text) !important; } /* Hide Fider dark/light mode toggle */ #root header button[aria-label*="theme" i], #root header button[aria-label*="dark" i], #root header button[aria-label*="light" i], #root header button[aria-label*="mode" i], #root header button[title*="theme" i], #root header button[title*="dark" i], #root header button[title*="light" i], #root header button[title*="mode" i], #root nav button[aria-label*="theme" i], #root nav button[aria-label*="dark" i], #root nav button[aria-label*="light" i], #root nav button[aria-label*="mode" i], #root nav button[title*="theme" i], #root nav button[title*="dark" i], #root nav button[title*="light" i], #root nav button[title*="mode" i], #root header [class*="theme" i], #root header [class*="dark" i], #root header [class*="light" i], #root nav [class*="theme" i], #root nav [class*="dark" i], #root nav [class*="light" i], .c-theme-switcher, .c-theme-toggle, .c-dark-mode-toggle, .c-light-mode-toggle { display: none !important; } /* Hide the likely dark mode toggle in the top-right header area */ #root header button:last-of-type, #root nav button:last-of-type, #root header div:last-child button:last-of-type, #root nav div:last-child button:last-of-type { display: none !important; } /* Hide Fider dark/light theme toggle */ button.c-themeswitcher, .c-themeswitcher { display: none !important; }