Skip to content

Global dark style - changes everything to DARK by stormi

Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/31267.user.css

Screenshot of Global dark style - changes everything to DARK

Details

Authorstormi

LicenseNO-REDISTRIBUTION

Categoryglobal

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Like the title says^^

Applies on every website & changes as much as possible, also elements like scrollbars, buttons, cursors or the right-click menu to fit with the dark style (best result after Firefox restart). No longer possible since FF57+

I'm sorry if it doesn't work good on your website but it's just not possible to make it look good everywhere. But I try my best to do so :)

Easy customizeable with your own background. Just edit the style and paste the image-url.

Now you can also exclude websites! Just edit the style and look at the bottom for something like "applies to - URLs with regular expression".
Replace/add 'www.your.sites.here.com' with your desired ones.
So it can look like
https?://(?!(www.youtube.com|www.google.com|userstyles.org|forum.xda-developers.com)).*

For some help with changing the background and excluding sites also take a look here


Check out my other "Dark" styles:
Discogs
Soundcloud
Yandex Images
and more...

Notes

2018-02-26:

  • New background
  • Fixed dropdowns, checkboxes & radios
  • Removed cursor styling because it somehow broke text inputs...
  • Removed some code for stuff that can't be styled in FF57+ UI...
  • Some rule changes & additions

2015-09-11: Fixed highlighting for keyboard navigation in menuitems
2013-10-03: Bigger update, optimized code, better compatibility (I hope), new default background, etc.

Background images by: iamfreeman.deviantart.com & alexander-gg.deviantart.com

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Global Dark Style
@version      20231020.19.49
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("ftp://"), url-prefix("file://"), url-prefix("about"), url-prefix("javascript"), regexp("https?://(?!(www.youtube.com|www.google.de|www.google.com|play.google.com/music/listen|duckduckgo.com|yandex.com|userstyles.org|www.computerbase.de|www.golem.de|forum.tabletpcreview.com|forum.notebookreview.com|www.discogs.com|soundcloud.com|open.spotify.com|www.beatport.com|www.trackitdown.net|mp3clan.com|www.deviantart.com|de.wikipedia.org|forum.xda-developers.com|steamcommunity.com|web.whatsapp.com)).*") {
html {background: 

     /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE "": *****/

     url("data:image/png;base64,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")

     /***** FOR A SIMPLE BLACK BACKGROUND JUST REMOVE THE URL LINE ABOVE *****/
     /***** Some background-images (you can also use your own url):

       default: https://abload.de/img/bg_digital94uzx.png
  old default1: https://abload.de/img/b1fgs11.png
  old default2: https://abload.de/img/ultra_x2vm9k.jpg
                https://abload.de/img/b2w4shd.png
                https://abload.de/img/b3qrs99.png
                https://abload.de/img/b4zcse8.png
                https://abload.de/img/b5b1s7x.png
                https://abload.de/img/b6umsmy.png
                https://abload.de/img/b7ars8c.png
                https://abload.de/img/kubrickbgcolor2darkr8skc.png
                https://abload.de/img/xpattern_darkq8s3i.png
                https://abload.de/img/mainpatternolxcq.png

*/ #1A1A1A /* fixed */ !important}


/*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
* {
    color: #999 !important;
    text-shadow: 0 0 3px #000 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-color: #444 !important;
    border-top-color: #444 !important;
    border-bottom-color: #444 !important;
    border-left-color: #444 !important;
    border-right-color: #444 !important}
body {background: transparent !important}
*:before, *:after {background-color: transparent !important; border-color: #444 !important}

a, a * {
    color: #409B9B !important;
    text-decoration: none !important}
a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover, [role="link"]:hover, [role="link"]:hover *, [role="button"]:hover *, [role="menuitem"]:hover, [role="menuitem"]:hover *, .link:hover, .link:hover * {
    color: #F0F0F0 !important;
    text-shadow: 0 0 5px rgba(255,255,200,0.9) !important}
a:visited, a:visited * {
    color: #607069 !important}
a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"] {
    color: #DDD !important;
    font-weight: bold !important}

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*="headline"], [class*="headline"], [id*="header"], [class*="header"], [class*="header"] td {
    color: #DDD !important}
a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, a strong, a[id*="headline"], a[class*="headline"], a[id*="header"], a[class*="header"] {
    text-decoration: underline !important}
[class*="error"], [class*="alert"], code, span[onclick], div[onclick] {
    color: #900 !important}

::-moz-selection {background: #377 !important; color: #000 !important}
::selection {background: #377 !important; color: #000 !important}
:focus {outline: none !important}


/*----- MENU & CO BACKGROUND-COLORS -----*/
div[style="display: block;"], div[role="navigation"] {background: rgba(0,0,0,.5) !important}

table {
    background: rgba(40,30,30,.6) !important;
    border-radius: 6px !important}
table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even) {
    background-color: rgba(0,0,0,.2) !important}

iframe, embed, nav, label [onclick], nav ul, div[style*="position:"][style*="left:"][style*="visible"], div[style*="z-index:"][style*="left:"][style*="visible"], div[style*="-moz-user-select"], div[role="menu"], div[role="dialog"], span[class*="script"] div, [id*="menu"], [id*="Menu"], [class*="dropdown"], [class*="popup"], [class="title"], ul[style*="display:"], ul[style*="visibility:"] ul, [id*="nav"] ul, [class*="nav"] ul, ul[class*="menu"], a[onclick][style*="display"], a[id*="ghosteryfirefox"], #ghostery-purple-bubble, #translator-popup, .menu, .tooltip, .hovercard, .vbmenu_popup {
    background: rgba(5,5,5,.9) !important;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #000 !important}
header, #header, footer, #footer {
    background: rgba(19,19,19,.9) !important;
    box-shadow: 0 0 5px #000 !important}
body > #dialog, body > .xenOverlay {
    background: rgba(19,19,19,.96) !important;
    background-clip: padding-box !important;
    box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111 !important;
    border: 10px solid rgba(99,99,99,.7) !important;
    border-radius: 0 !important;}
[id*="overlay"], [id*="lightbox"], blockquote {
    background-color: rgba(35,35,35,.9) !important;
    border-radius: 5px}
pre, dl, .Message code {
    background-color: rgba(5,5,5,.5) !important}


/*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/
input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick] {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    transition: border-color 0.3s !important;
    background: #060606 !important;
    color: #BBB !important;
    text-shadow: 0 1px #000 !important;
    border: 2px solid #333 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px rgba(0,0,0,.9) !important}
a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick] {
    transition: border-color 0.3s !important;
    background: #060606 !important;
    color: #BBB !important;
    text-shadow: 0 1px #000 !important;
    border-color: #333 !important;
    box-shadow: 0 0 2px rgba(0,0,0,.9) !important}
a[href="javascript:;"]:hover, a[class*="button"]:not(:empty):hover, a...

Reviews

No reviews yet.