Dark mode forum

🇳🇱 Nederlands (Dutch) Ideeën & Suggesties
1

Is het een idee en is er een mogelijkheid om een dark mode keuze toe te voegen aan dit forum?
Met name in de avonduren met de laptop op schoot zit ik nogal in “the spotlight”

2

Is dat er niet dan? Bij mij is het in de avond altijd in dank mode.

Edit; o ja, ik heb NOIR op al mijn devices staan. Misschien is die het :see_no_evil:

3

Ik bedoel op deze website, het community forum. :first_quarter_moon:

1 Like
4

Helder, dat bedoel ik ook :smiling_face:

IMG_1350
IMG_13501179×2556 229 KB

5

Jij bedoeld op je telefoon, ik bedoel op mijn Windows laptop.
In mijn situatie kan ik geen mogelijkheid vinden om een dark mode aan te zetten.

6

hijacking this topic in english :slight_smile:

Use custom CSS… e.g. User-css

.topic-body .cooked p, .topic-body .cooked ul, .topic-body .cooked ol {
    color: #dddddd;
}

:root {
    --scheme-type: dark;
    --primary: #dddddd;
    --secondary: #222222;
    --tertiary: #0f82af;
    --quaternary: #c14924;
    --header_background: #111111;
    --header_primary: #dddddd;
    --highlight: #a87137;
    --danger: #e45735;
    --success: #1ca551;
    --love: #fa6c8d;
    --d-selected: #2c2c2c;
    --d-hover: #313131;
    --always-black-rgb: 0, 0, 0;
    --primary-rgb: 221, 221, 221;
    --primary-low-rgb: 49, 49, 49;
    --primary-very-low-rgb: 40, 40, 40;
    --secondary-rgb: 34, 34, 34;
    --header_background-rgb: 17, 17, 17;
    --tertiary-rgb: 15, 130, 175;
    --highlight-rgb: 168, 113, 55;
    --primary-very-low: #282828;
    --primary-low: #313131;
    --primary-low-mid: #7a7a7a;
    --primary-medium: #909090;
    --primary-high: #a6a6a6;
    --primary-very-high: #c7c7c7;
    --primary-50: #282828;
    --primary-100: #2c2c2c;
    --primary-200: #313131;
    --primary-300: #585858;
    --primary-400: #7a7a7a;
    --primary-500: #858585;
    --primary-600: #909090;
    --primary-700: #9b9b9b;
    --primary-800: #a6a6a6;
    --primary-900: #c7c7c7;
    --header_primary-low: rgb(72, 72, 72);
    --header_primary-low-mid: rgb(131, 131, 131);
    --header_primary-medium: rgb(164, 164, 164);
    --header_primary-high: rgb(185, 185, 185);
    --header_primary-very-high: rgb(210, 210, 210);
    --secondary-low: #bdbdbd;
    --secondary-medium: #919191;
    --secondary-high: #646464;
    --secondary-very-high: #313131;
    --tertiary-very-low: #04212c;
    --tertiary-low: #052e3d;
    --tertiary-medium: #084860;
    --tertiary-high: #0b6283;
    --tertiary-hover: #14aeea;
    --tertiary-50: #04212c;
    --tertiary-100: #042431;
    --tertiary-200: #052836;
    --tertiary-300: #052e3d;
    --tertiary-400: #06374a;
    --tertiary-500: #073e54;
    --tertiary-600: #084860;
    --tertiary-700: #09516d;
    --tertiary-800: #0a5a79;
    --tertiary-900: #0b6283;
    --quaternary-low: #3a160b;
    --highlight-bg: #22170b;
    --highlight-low: #22170b;
    --highlight-medium: #4c3319;
    --highlight-high: #976632;
    --danger-low: #591b0c;
    --danger-low-mid: rgba(99, 30, 13, 0.7);
    --danger-medium: #a13116;
    --danger-hover: #c63c1b;
    --success-low: #0b4220;
    --success-medium: #116331;
    --success-hover: #168441;
    --love-low: #8a0524;
    --wiki: green;
    --blend-primary-secondary-5: rgb(60, 60, 60);
    --primary-med-or-secondary-med: #919191;
    --primary-med-or-secondary-high: #646464;
    --primary-high-or-secondary-low: #bdbdbd;
    --primary-low-mid-or-secondary-high: #646464;
    --primary-low-mid-or-secondary-low: #bdbdbd;
    --primary-or-primary-low-mid: #7a7a7a;
    --highlight-low-or-medium: #4c3319;
    --tertiary-or-tertiary-low: #052e3d;
    --tertiary-low-or-tertiary-high: #0b6283;
    --tertiary-med-or-tertiary: #0f82af;
    --secondary-or-primary: #dddddd;
    --tertiary-or-white: #fff;
    --facebook-or-white: #fff;
    --twitter-or-white: #fff;
    --hljs-comment: #bba;
    --hljs-number: #aff;
    --hljs-string: #f99;
    --hljs-literal: #9ae;
    --hljs-tag: #99f;
    --hljs-attribute: #0ee;
    --hljs-symbol: #fbe;
    --hljs-bg: #333;
    --hljs-builtin-name: #14aeea;
    --google: #ffffff;
    --google-hover: #f2f2f2;
    --instagram: #e1306c;
    --instagram-hover: #ac194b;
    --facebook: #1877f2;
    --facebook-hover: #0a54b3;
    --cas: #70ba61;
    --twitter: #1da1f2;
    --twitter-hover: #0c85d0;
    --github: #100e0f;
    --github-hover: #463e42;
    --discord: #7289da;
    --discord-hover: #4a67cf;
    --gold: rgb(231, 195, 0);
    --silver: #c0c0c0;
    --bronze: #cd7f32;
}
1 Like
7

Ahh, ok. Ik gebruik op de mac de plug-in ‘Noir’. Dan is iedere website in de avond in dark mode. Wellicht ook beschikbaar voor Windows?

8

My User CSS skills are not that good. Is there a simple how to?

9

Firefox : Dark Background and Light Text – Get this Extension for 🦊 Firefox (en-US)

10

Als je leest via Chrome, die heeft rechts naast de adresbalk een schakelaartje om naar dark modus te gaan:
image

1 Like