Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  2 3641
Queen of Blades
Jonta's Avatar
DonorCrew

Gitter
====

Profilbilde oppe til høyre -> Toggle dark theme

GKeep
====

Tannhjul -> Enable dark theme

Matrix
====


Profilbilde oppe til venstre -> Settings -> General -> Theme -> Dark theme

Nettlesere
=======

Interface
SPOILER ALERT! Vis spoiler


Ny fane

- WhiteSlash - Prøver å dempe det hvite blaffet man får når man åpner en ny fane - Se under for Firefox
-- https://chrome.google.com/webstore/d...gedapdhafigbje

- Humble New Tab Page - Ligger i navnet, og kan ha mørk bakgrunn
-- Skiftnøkkel -> Appearance -> Theme -> Midnight

-- Firefox - https://addons.mozilla.org/en-US/fir...umble-new-tab/
--- Nytt vindu: about:preferences -> Home -> Homepage and new windows -> Custom URLs… -> moz-extension://6b6b9191-94c4-1243-a7a6-ca3e7c404a35%2Fnewtab.html

-- Chrome - https://chrome.google.com/webstore/d...gibpjhdebndhdj

Firefox userChrome.css - Kan endre en hel masse. https://reddit.com/r/FirefoxCSS for eksempler

- macOS-filbane: ~/Library/Application Support/Firefox/Profiles/[profile ID here]
- Få FF til å sjekke etter om fila finnes: about:config -> toolkit.legacyUserProfileCustomizations.stylesheets -> Sett til "true"
- Test at det funker (mørk bakgrunn i about:newtab og andre)
SPOILER ALERT! Vis spoiler

Kode

@-moz-document url("about:blank"), url("about:newtab") {
        html, body {
                background-color: #555 !important;
        }
 }
- Høyreklikk-meny:
SPOILER ALERT! Vis spoiler

Kode

menupopup {
    -moz-appearance: none !important;
    background-color: #3c3c3f !important;
    border: solid #333 !important;
}
menuseparator {
    -moz-appearance: none !important;
    border: none !important;
    background-color: #2f2f2f !important;
}
menuitem, menu {
    -moz-appearance: none !important;
    color: white !important;
}
menugroup {
    background-color: transparent !important;
}
.menu-right {
    -moz-appearance: none !important;
    color: white !important;
    border: solid white;
}

Chrome dark
- chrome://flags/ -> Force Dark Mode for Web Contents -> Enable with selective image inversion
Nettsider
SPOILER ALERT! Vis spoiler

https://darkreader.org
- Litt tung

Dark Background and Light Text

- Mer lettvektig. Bruker den på Firefox Android
- https://github.com/m-khvoinitsky/dar...text-extension

GMail

- Tannhjul-ikon -> Themes -> Skroll ned til «Dark»
Utvidelser
SPOILER ALERT! Vis spoiler

Stylus
- Edit style -> Sidebar -> under Options-sjekkbokser -> Theme -> 3024-night (3024-day om chrome://flags)

uBlock Origin

- Chrome: chrome://flags/ - Se over

Vimium - (Relevant tråd)
SPOILER ALERT! Vis spoiler

Kode

 /* 9mar2020 - craigforr på https://github.com/philc/vimium/issues/2520 */

 /* Vomnibar Dark CSS (v2) */

 #vomnibar ol, #vomnibar ul {
   list-style: none;
   display: none;
 }

 #vomnibar {
   display: block;
   position: fixed;
   width: calc(100% - 20px); /* adjusted to keep border radius and box-shadow visible*/
   /*min-width: 400px;
   top: 70px;
   left: 50%;*/
   top: 8px;
   left: 8px;
   /*margin: 0 0 0 -40%;*/
   font-family: sans-serif;

   background: #222222;
   text-align: left;
   border-radius: 4px;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8);
   border: 1px solid #222222;
   z-index: 2139999999; /* One less than hint markers and the help dialog (see ../content_scripts/vimium.css). */
 }

 #vomnibar input {
   color: #cecece;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 20px;
   height: 34px;
   margin-bottom: 0;
   padding: 4px;
   background-color: #333;
   border-radius: 3px;
   border: 1px solid #333;
   box-shadow: #333 0px 0px 1px;
   width: 100%;
   outline: none;
   box-sizing: border-box;
 }

 #vomnibar .vomnibarSearchArea {
   display: block;
   padding: 10px;
   background-color: #111;
   border-radius: 4px 4px 0 0;
   border-bottom: 1px solid #333;
 }

 #vomnibar ul {
   background-color: #101010;
   border-radius: 0 0 4px 4px;
   list-style: none;
   padding: 10px 0;
   padding-top: 0;
 }

 #vomnibar li {
   border-bottom: 1px solid #3c3c3c;
   line-height: 1.1em;
   padding: 7px 10px;
   font-size: 16px;
   color: #b7b7b7;
   position: relative;
   display: list-item;
   margin: auto;
 }

 #vomnibar li:last-of-type {
   border-bottom: none;
 }

 #vomnibar li .vomnibarTopHalf, #vomnibar li .vomnibarBottomHalf {
   display: block;
   overflow: hidden;
 }

 #vomnibar li .vomnibarBottomHalf {
   font-size: 15px;
   margin-top: 3px;
   padding: 2px 0;
 }

 #vomnibar li .vomnibarIcon {
   background-position-y: center;
   background-size: 16px;
   background-repeat: no-repeat;
   padding-left: 20px;
 }

 #vomnibar li .vomnibarSource {
   color: #7b7b7b;
   margin-right: 4px;
 }
 #vomnibar li .vomnibarRelevancy {
   position: absolute;
   right: 0;
   top: 0;
   padding: 5px;
   background-color: #797979;
   color: white;
   font-family: monospace;
   width: 100px;
   overflow: hidden;
 }

 #vomnibar li .vomnibarUrl {
   white-space: nowrap;
   color: #488bca;
 }

 #vomnibar li .vomnibarMatch {
   font-weight: bold;
   color: #50a7ea;
 }

 #vomnibar li em, #vomnibar li .vomnibarTitle {
   color: #999;
   margin-left: 4px;
   font-weight: normal;
 }
 #vomnibar li em { font-style: italic; }
 #vomnibar li em .vomnibarMatch, #vomnibar li .vomnibarTitle .vomnibarMatch {
   color: #aaa;
 }

 #vomnibar li.vomnibarSelected {
   background-color: #222222;
   font-weight: normal;
 }

 #vomnibarInput::selection {
   background-color: #E6EEFB;
 }

 .vomnibarInsertText {
 }

 .vomnibarNoInsertText {
   visibility: hidden;
 }

Themes

Slack
====

Navn på Slack-rom -> Preferences -> Themes -> Themes -> Dark

WhatsApp på Android
==============

Trippeldot -> Settings -> Chats -> Display -> Theme -> Dark

Windows
======

Start-meny -> Settings -> Søk "color" -> Switch for dark-mode
Queen of Blades
Jonta's Avatar
Trådstarter DonorCrew
▼ ... over en måned senere ... ▼
Queen of Blades
Jonta's Avatar
Trådstarter DonorCrew
Dark Reader har sakket ned lastinga av en del sider såpass for meg i det siste at jeg har testet med og uten. Rundt 10x(!) så lenge med Dark Reader som uten

Byttet altså over til Dark Background and Light Text på desktop også