|
Post by buzbard on Nov 7, 2022 17:26:27 GMT
Does anyone know how to set a dark theme for this forum? These default white colors are hard for my old eyes, especially when I go from another site that has a dark theme. It's like having a spotlight in you eyes when you first wake up, very painful. Thanks
|
|
|
Post by buzbard on Nov 12, 2022 16:54:02 GMT
Ok, for anyone interested, here's the solution I came up with:
I use Firefox as my main browser but this may work for others as well.
Install the Stylish add-on for your browser. In your browser click the Tools menu and select Add-ons and Themes. Scroll down the list of Add-ons until you find Stylish then click the "..." button and select Options. You should now see the Stylish Options page.
Click the "Write New Style" button on the left side of the screen then copy and paste the following into the code window:
/* Background */ body { background-color: rgb(10, 10, 10) !important; /*background-image: url(http://i.imgur.com/3yTpS3i.png) !important;*/ background-repeat: round; color: white; } /* Sections */ .container>.content, .content-box { background: #1b1b1b; border-color: #1b1b1b; } /* SectionTable Border */ table, th, td, td>span { border: none !important; color: #aaaaaa; } /* Boards */ table.list { color: #aaaaaa; } /* Board:hover */ .item:hover, .link:hover { background-color: #1e1e1e !important; color: white !important; } .list .item:hover>.main .link a { color: white !important; } /* Links */ .link a, .list a { color: #bbbbbb; } /* Normal Members */ a.group-0, a.js-user-link.user-link { color: #374fbb !important; } /* Moderators */ a.js-user-link.user-link.group-7 { color: #6ebee1 !important; } /* Administrators */ a.js-user-link.user-link.group-1 { color: #a33535 !important; } /* Section Titles */ .title-bar, #navigation-menu { background-color: #222222 !important; background-image: none !important; } /* Timestamps */ .time { color: #7d7d7d !important; } /* Navigation Bars */ #news, #navigation-tree, .recent-threads-button { background-color: #333333; color: white !important; } /* Control Bar */ .control-bar, .ui-helper-clearfix { background-color: #333333 !important; border: 0 !important; } /* Footer and Message */ #footer, .menu_arrow, #support-message, div#top-ad-banner { display: none !important; } /* Links */ div>a>span, div>span, td#center-column>div>a { color: white !important; } /* Banner Color */ #banner { background-color: #217fc0 !important; pointer-events: none; } /* Images */ img { pointer-events: none; } /* Current tab and Create Thread button */ .state-active, ul.controls>li>a { background: #2C2F33 !important; } /* User List */ td.info>table>tbody>tr>td>a, td>div>div>a, td>div>a, h4>a, tr>td>a { color: #677fdd !important; } /* Control Box Buttons */ .ui-selectMenu-box, .search-input, td>input { background-color: #222222 !important; color: white !important; } .ui-pagination-slot>a, td>input, #options-container, .controls>a, .content-box>a { background-color: #222222 !important; color: white !important; border: 0 !important; } .ui-pagination-page.ui-pagination-slot.state-selected>a, .ui-pagination-next>a, .ui-pagination-prev>a, div.mini-user>a, form.form_post_quick_reply>input.ui-button, div.post-options, div.submit>span>input { background-color: #2C2F33 !important; color: white !important; border: 0 !important; } /* Profile Page Stuff */ div.ui-tabMenu>ul.ui-helper-clearfix>li, div.visual-editor.ui-helper-clearfix, div.group.ui-helper-clearfix, div.editor.ui-helper-clearfix { background: #1b1b1b !important; } div.ui-tabMenu>ul.ui-helper-clearfix>li>a, .content.cap-bottom, div.content-box.center-col, .content-box>h4, div.mini-profile, div.mini-profile>div.info { color: white !important; } .ui-active>a { border: 0 !important; } /* Friend Page Box */ div.micro-profile { background: #222222 !important; border: 1px solid black !important; } /* Threads and Thread Creation */ table.list>tbody>tr.item { background: #1e1e1e !important; } table.list>tbody>tr.item.even { background: #282828 !important; } article>div.content-head.ui-helper-clearfix, tr.item>td.content>div.content-head { background: inherit !important; } div.message>textarea, code, div.bbcode-editor>textarea, div.quote_body { background: #23272A !important; color: white !important; } code, div.bbcode-editor>textarea { font-family: Consolas, monaco, monospace; } Below the code window click the Specify button and select "URLs starting with" then put "https://c-128.freeforums.net" into the text line next to it.
Finally, at the top left of the screen, type in a name for the Style and click the Save button.
The forum should now display in dark mode.
I didn't write the code above, I borrowed most of it from another Style and modified it. It's not perfect, feel free to modify it as you wish.
|
|