Skip to content

vg.no darkmode by eoutvik

Screenshot of vg.no darkmode

Details

Authoreoutvik

LicenseNo License

Categoryvg.no

Created

Updated

Size1.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darkmode for vg.no, also removes some ad-content

Notes

Tested june 2024

Source code

/* ==UserStyle==
@name       vg.no darkmode - juni 2024
@version    20240616.19.51
@namespace  ?
==/UserStyle== */

@-moz-document domain("www.vg.no") {
:root,
:root:not(#\#) .grouped {

    --header-background-color: #641d1d;
    --color-breaking: #b72e2e;
    --accent: #b72e2e;
    --color-body: #e0e0e0;
    --label-primary: #dedede;
    --label-secondary: #dedede;
    --background-primary: #141416;
    --background-secondary: #1d1d20;
    --background-tertiary: #191c22;

    --color-base: #141416;

    --color-contrast-9: #f2f3f3;
    --color-contrast-8: #e6e7e8;
    --color-contrast-7: #c3c4c6;
    --color-contrast-6: #a7a9ac;
    --color-contrast-5: #828384;
    --color-contrast-4: #636465;
    --color-contrast-3: #464647;
    --color-contrast-2: #2b2b2b;
    --color-contrast-1: #202020;
}

#app {
    --white: #111;
    --black: #EEE;
}

main.article-main + aside {
    background-color: var(--background-secondary);
}

[class^='advertory'],
.partnerstudio-front {
    display: none;
}

section[class*='_coupons'] {
    display: none;
}

section[class*='_portrait'] img {
    mix-blend-mode: unset !important;
}

section[class^='_summary'] {
    --expandable-box-background-color: var(--background-secondary);
    --expandable-box-color: var(--color-body);
}

a.tip-link {
    background-color: var(--color-contrast-4);
}

footer#footer {
    background-color: var(--background-tertiary);
}
}

Reviews

No reviews yet.