As title suggests, it makes techpowerup usable while in a dark room, i hope it helps you (and your eyes)
techpowerup.com dark mode / catppuccin mocha by Mil260
Details
AuthorMil260
LicenseNo License
Categoryhttps://www.techpowerup.com/
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Still WIP, forums are still ToDo, the rest of the site is pretty much 90% done
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name techpowerup.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("techpowerup.com") {
body {
background: #1e1e2e;
}
.page-header {
background-color: #1e1e2e;
}
.contnt, .s- {
background-color: #1e1e2e;
}
.text {
color: #cdd6f4;
}
.newslink h1, a, li {
color: #cdd6f4;
}
.newspost>h1>a {
color: #bac2de;
}
.todayslist h1, ul {
color: #cdd6f4;
}
.todayslist ul>li>a>span {
color: #a6adc8;
}
.todayslist.todaysreviews>div>b {
color: #eba0ac;
}
.pagetitle {
color: #cdd6f4;
}
p {
color: #cdd6f4;
}
.gpudb .contnt .search>div {
background-color: #11111b;
}
#directx {
color: #11111b;
}
button, input, optgroup, select, textarea {
color: #11111b;
}
.cpudb .contnt .search fieldset select, .gpudb .contnt .search fieldset select, .ssddb .contnt .search fieldset select, .vgabios .contnt .search select {
border: 1px solid #b4befe;
}
.cpudb .contnt .search fieldset>ul>li label, .gpudb .contnt .search fieldset>ul>li>label, .ssddb .contnt .search fieldset>ul>li label, .vgabios .contnt .search ul>li>label {
color: #89b4fa;
}
.s--newposts__list>li>a:visited, a:visited {
color: #f38ba8;
}
.gpudb .contnt .processors {
background-color: #313244;
}
a, td {
color: #fff;
}
.gpudb-name, .gpudb-specs-large__title, .gpudb-specs-large__value {
color: #cdd6f4;
}
/* TLDR SPECS \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.gpudb-specs-large__entry, .ssddb-details .contnt>.specs-large>div, .cpudb-details .contnt>.specs-large>div {
background-color: #45475a;
color: #cdd6f4;
}
.gpudb-recommended-resolutions__title {
color: #cdd6f4;
}
body {
color: #cdd6f4;
}
.s--newposts__list>li>a, .s--newposts__username, .s--newposts__time {
color: #cdd6f4;
}
.gpudb-details .contnt section.details>div, .cpudb-details .contnt section.details>table tr:nth-child(odd) {
background-color: #313244;
}
.gpudb-details .contnt section.details>div>:nth-child(odd), .vgabios-details .tablecontainer table tr:nth-child(odd) {
background-color: #45475a;
}
.s--top-rev-s__link, .s--top-news__link {
color: #bac2de;
}
.gpudb-relative-performance-entry:nth-child(odd) {
background-color: #45475a;
}
.gpudb-relative-performance-entry:nth-child(even) {
background-color: #313244;
}
.gpudb-relative-performance-entry--highlight, .gpudb-relative-performance-entry__title {
color: #cdd6f4;
}
.gpudb-relative-performance-entry__link, .gpudb-relative-performance-entry__number {
color: #cdd6f4;
}
.cpudb-details .contnt section.details>table, .gpudb-details .contnt section.details>table, .ssddb-details .contnt section.details>table, .vgabios-details .tablecontainer table {
background-color: #45475a;
}
.gpudb-details .contnt section.details>table tr:nth-child(odd) {
background-color: #313244;
}
.site-footer {
background: #1e1e2e;
}
.gpudb-relative-performance-entry--highlight {
background-color: #cba6f7 !important;
}
.gpudb-details .contnt section.customboards .sort-key {
background-color: #313244;
}
.review-carousel-item__title {
color: #cdd6f4;
}
.review-carousel-item__link {
background-color: #585b70;
}
.newspost .byline {
color: #bac2de;
}
.newspost>.text .readmore>a {
color: #cdd6f4;
}
.featured-news__item {
background-color: #585b70;
}
.featured-news__item-title {
color : #cdd6f4;
}
.frontpagepoll h2 {
color: #cdd6f4;
}
.frontpagepoll>div {
background-color: #45475a;
}
.reviewlist-bit:nth-child(odd) {
background-color: #45475a;
}
.reviewlist-bit:nth-child(even) {
background-color: #313244;
}
.reviewlist-bit>.teaser {
color: #cdd6f4;
}
.reviewlist-search>div {
background-color: #11111b;
}
.reviewlist-search #filtertable>div>label, .reviewlist-search #filtertable>.award>ul>li>label, .s--time, .pager a, .pager>.counts>b {
color: #cdd6f4;
}
.highlight, button, input, optgroup, select, textarea {
background-color: #b4befe;
color: #b4befe;
}
.review .contnt>header, .review .contnt>footer, .downloads .contnt .sort-options {
background: #1e1e2e;
}
/* MAIN TEXT COLOR \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.review .contnt>header>h1>a, .downloads .contnt>.dl-left>nav ul.dltree li>a, .downloads-details .actions .actions-left .publisher, .downloads-details .actions .actions-left .downloaded, .downloads-details .notification>.hint, .downloads-details .versions .files>li.expanded .filesize, .downloads-details .versions .files .hashes, .downloads-details .versions .files>li .filename, .downloads-details .versions .files>li .md5, .downloads-details .versions .files .get-hash-link-wrapper>a, .downloads-details .versions .version>.title, .download-list>a.download>.versions, .download-list>a.download>.versions>li>span, .gallery-index .gallery-box .gallery_box_text, .comments>h2>b, .ssddb-details .contnt .drivename,.cpudb-details .contnt .unreleased>p:first-child, .ssddb-details .contnt .unreleased>p:first-child, .reviewdb .contnt>.reviewdbheader>p, .review .contnt>.text h2, .review .contnt>.text h3 {
color:#cdd6f4;
}
/* TABLE COLORS \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.tputbl, .tputbl tr:nth-child(2n+2) th, .cpudb .contnt .processors tr:nth-child(odd), .ssddb .contnt .drives tr:nth-child(odd), .gpudb .contnt .processors tr:nth-child(odd), .downloads .contnt .popular>a, .downloads .contnt .latest>div, .frontpagepoll ul>li:nth-child(odd), .ssddb-details .contnt section.details>table tr:nth-child(odd), .reviewdb .contnt .reviews-container>.reviews>table tr:nth-child(odd), .reviewdb .contnt .tbl tr:nth-child(odd), .trivia .messagecontainer {
background-color: #313244;
color: #cdd6f4;
}
.tputbl tr:nth-child(odd) td, .tputbl th[scope=row], .ssddb .contnt .drives tr:nth-child(even), .ssddb .contnt .drives .drive-capacity, .reviewdb .contnt .tbl>table, .reviewdb .contnt .categories-container .categories {
background-color: #45475a;
color: #cdd6f4;
}
/* TABLE COLORS /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.ssddb-details .contnt .unreleased {
background-color: #f38ba8;
}
.downloads .contnt>.dl-left>nav>.tree-wrap {
background-color: #313244;
}
.downloads .contnt>.dl-left>nav ul.dltree li:last-child {
background: #313244;
}
.downloads-details .history .history-entries, .downloads-details .versions, .gallery-index .addcase-button {
background-color: #313244;
}
.download-list>a.download:nth-child(odd), .download-list>a.download:nth-child(odd):hover, .downloads-details .versions .files>li:nth-child(odd), .downloads-details .versions .files>li, .downloads-mirrors .mirrorlist>button, .downloads-details .actions {
background-color: #45475a;
}
.downloads-details .notification {
background-color: #585b70;
border: 1px solid #b4befe;
}
.downloads-details .notification>.button {
background-color: #b4befe;
background-image: linear-gradient(#b4befe,#89b4fa);
border: 1px solid #b4befe;
}
.downloads-details .versions .date, .downloads-details .versions a.changelog, .downloads-details .versions .show-more>a {
color: #a6e3a1;
}
.download-list>a.download, .download-list>a.download:hover, .vgabios .contnt .search>div {
background-color: #313244;
}
.pager a {
background-color: #585b70;
border: 1px solid #7f849c;
color: #cdd6f4;
}
.highlight, button, input, optgroup, select, textarea, .gallery-details .case-info-left, .gallery-details ul.tags-with-label>li, .comments>.forumpost {
background-color: #585b70;
color: #cdd6f4;
border-color: #45475a
}
.gallery-box, .cpudb .contnt .search>div {
background-color: #1e1e2e;
}
.comments>.forumpost>div, .comments>.forumpost>footer {
background-color: #45475a;
color: #cdd6f4
}
.vgabios .contnt table.bioslist, .vgabios .contnt table.bioslist th {
background-color: #6c7086;
}
.vgabios .contnt table.bioslist tr:nth-child(odd), .cpudb .contnt .processors>tbody>tr, .gpudb .contnt .processors tbody tr, .ssddb .contnt .drives>tbody>tr {
background-color: #45475a;
}
.vgabios .contnt table.bioslist .name>.cardname {
color: #bac2de
}
a, td {
color: #cdd6f4;
}
.review .contnt>header>.byline>div>address, .review .contnt>header>.byline>div>time, .review ...