Skip to content

Kleinanzeigen Darkmode by kketamine01

Screenshot of Kleinanzeigen Darkmode
Write a review Install Get Stylus

Details

Authorkketamine01

LicenseNo License

Categorykleinanzeigen

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Wechsle von hell auf dunkel für weniger Augenbelastung und ein stilvolles, modernes Design. Ideal für nächtliches Surfen!

Notes

none

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           www.kleinanzeigen.de
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Roy
==/UserStyle== */

@-moz-document url-prefix("https://www.kleinanzeigen.de/") {


    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }


    .site-base {
        display: grid;
        grid-template-columns: 1fr 970px 1fr;
        background-color: #111;
    }

    #site-header {
        color: var(--kds-sema-color-on-surface);
        background: #111;
    }

    #site-header-top {
        padding-top: 10px;
        margin-bottom: 10px;
        position: relative;
        background-color: #111;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #user-email {
        color: white;
    }

    #user-logout {
        color: white;
    }

    i.jsx-4256892922 {
        color: #cacaca;
    }

    .surface {
        color: var(--kds-sema-color-on-surface);
        background-color: #242424;

    }

    .contentbox a.text-link-subdued {
        color: white;
    }

    .splitheader--title {
        color: white !important;
    }

    #home-gallery {
        background-color: #242424;
    }

    a {
        color: #b5e941;

    }

    #site-logo {
        filter: grayscale(1) brightness(7);
    }


    .itemtile-condensed {
        background-color: #444;

    }

    .itemtile-title {
        color: white;
    }

    .itemtile-location {
        color: #b3b3b3;
    }

    .itemtile-body {
        background-color: #242424;
    }

    .itemtile-fullpic {
        background-color: #242424;
    }

    #store-gallery {
        background-color: #202020;
    }

    #home-tsr-srvy {
        color: white;
    }

    h2 {
        color: white !important;
    }

    #viewad-profile-box {
        background-color: #1c1c1c;

    }

    .userbadge-tag {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 0 8px;
        margin-bottom: 8px;
        height: 20px;
        border-radius: var(--kds-sema-border-radius-full);
        font-size: 12px;
        box-sizing: border-box;
        background-color: #b5e941;
        color: black;
    }

    .userprofile-vip-details-text {
        color: white;
    }

    span {
        color: #fff;
    }

    .button-icon.icon-heart-open-interactive {
        filter: grayscale(1) brightness(7);
    }

    .button-icon.icon-share-interactive {
        filter: grayscale(1) brightness(7);
    }

    .button-icon.icon-mail {
        filter: grayscale(1) brightness(0);

    }

    #viewad-ad-id-box {
        background-color: #1c1c1c;

    }

    li {
        color: white;
    }

    #viewad-main-info {
        background-color: #1c1c1c;
    }

    #viewad-title {
        color: white;
    }

    #viewad-price {
        color: #b5e941 !important;
    }

    #viewad-action-flag-link {
        background-color: #1c1c1c;
    }

    #viewad-action-prnt {
        background-color: #1c1c1c;
    }

    .button-icon.icon-print {
        filter: grayscale(1) brightness(7);
    }

    .button-icon.icon-flagad-green {
        filter: grayscale(1) brightness(7);
    }

    .button-toggle>i+span {
        margin-left: 6px;
        color: #0f0f0f;
    }

    .button-icon.icon-follow-user-green {
        filter: grayscale(1) brightness(0);
    }

    #viewad-details {
        background-color: #1c1c1c;
    }

    .addetailslist--detail--value {
        color: #d0d0d0;
    }

    #viewad-description {
        color: white;
        background-color: #1c1c1c;
    }

    .loadingbar--message.j-loadingbar-inprogress {
        color: #b5b5b5;
    }

    .link-fake.text-body-small {
        color: #b5e941;
    }

    .flexlist--header {
        color: white;
    }

    #site-footer a.text-link-subdued,
    #site-footer .text-link-subdued {
        color: #939393;
    }

    .aditem {

        background-color: #1c1c1c;
    }

    .aditem-main--top {
        color: white !important;
    }

    .ellipsis {
        color: white !important;
    }

    .aditem-main--middle--description {
        color: #e6e6e6 !important;
    }

    .aditem-main--middle--price-shipping--price {
        color: #b5e941 !important;
    }

    .itemtile-price {
        color: black;
    }

    #viewad-configuration {
        background-color: #1c1c1c;
    }

    .checktag {
        color: white !important;
    }

    .checktaglist .checktag {
        padding-left: 24px;
        background-image: url("https://static.kleinanzeigen.de/static/img/common/icons/icn-checkmark-interactive.svg");
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: left 2px;
        color: var(--kds-sema-color-on-surface-subdued);
        flex: 1;
        flex-basis: 0%;
        flex-basis: 29%;
        max-width: 29%;
        margin: 4px 0px;
        word-break: break-word;
        filter: brightness(2);
    }

    .splitlinebox {
        padding: 16px;
        background-color: #1c1c1c;
    }

    .formgroup-label {
        color: white;
    }

    .formgroup-input {
        box-sizing: border-box;
        vertical-align: top;
        padding-left: 12px;
        width: 75%;
        color: white;
    }

    .ad-listitem {
        background-color: var(--kds-sema-color-surface);
        margin-bottom: 8px;
        border: 1px solid var(--kds-sema-color-utility-nonessential);
        border-radius: var(--kds-sema-border-radius-cards);
        border-color: #1c1c1c;
        border-top-color: rgb(28, 28, 28);
        border-right-color: rgb(28, 28, 28);
        border-bottom-color: rgb(28, 28, 28);
        border-left-color: rgb(28, 28, 28);
    }

    .itemlist-separatedbefore>li+li {
        border-top: 1px solid var(--kds-sema-color-utility-nonessential);
        border-color: #1c1c1c;
    }

    #site-search-distance-inpt {
        color: black;
        opacity: 1;
    }

    .browsebox-facet.text-light {
        color: #a4a4a4;
    }

    .itemlist>li+li {
        border-top: 1px solid var(--kds-sema-color-utility-nonessential);
        border-color: #1c1c1c;
    }

    .simpletag {
        color: black;
    }

    .jsx-2632100544.SettingsPage {
        background-color: #1c1c1c;

    }

    .jsx-2632100544.SettingsPage--Header {
        color: white;
    }

    .jsx-45045167.Menu--Option--Text {
        color: #b5e941;

    }

    .jsx-3546754157.SettingsMenu--Menu {
        background-color: #1c1c1c;
    }

    .jsx-38249048.PersonalInfo--Title {
        color: white;
    }

    .jsx-38249048.PersonalInfo--Section {
        color: white;
    }

    .jsx-38249048.PersonalInfo--SectionContent--Value {
        color: white;
    }

    .PersonalInfo--SectionContent--Action.jsx-38249048 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        color: #b5e941 !important;
    }

    .jsx-3707588107.SectionContent--Action {
        color: #b5e941;
    }

    .jsx-3729465992.AccountSettings {
        color: white;
    }

    .SectionContent--Value.jsx-3707588107,
    .SectionContent--Value--Address.jsx-3707588107 {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        color: white;
        display: block;
        white-space: pre-line;
    }

    .AccountSettings--Title.jsx-3729465992 {
        font-family: var(--font-family-title);
        font-size: 18px;
        font-weight: var(--font-weight-strong);
        color: white;
        padding-bottom: 8px;
    }

    .AccountSettings--SectionContent--Value.jsx-3729465992 {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        color: white;
        display: block;
        white-space: pre-line;
    }

    .jsx-3729465992.AccountSettings--SectionContent--Action {
        color: #b5e941;
    }

    .formlegend {
        margin-bottom: 18px;
        padding-bottom: 16px;
        padding-top: 16px;
        border-bottom: 1px solid var(--kds-sema-color-utility-nonessential);
        width: 100%;
        color: white;
    }

    #pstad {
        color: white;
    }

    .SubSection--Header.jsx-169418524 {
        color: white;
    }

    .PriceSection--Price-Suffix.jsx-495477659 {
        margin-right: 16px;
        color: white;
    }

    .text-module-begin {
        color: #d2d2d2;
    }

    label {
        color: #fff;
    }

    #pstrads-sort-select-inpt {
        color: white;
        filter: grayscale(1) brightness(7);
    }

    #pstrads-sort-select {
        filter: grayscale(1) brightness(7);
    }

    .icon-info-green-big {
        width: 24px;
        height: 24px;
        background-image: url("https://static.kleinanzeigen.de/static/img/common/icons/icn-info-big-green.svg");
        filter: grayscale(1) brightness(7);
    }

    #viewad-contact-button {
        color: black !important;
    }

    #viewad-contact-button span {
        color: black !important;
    }

    #viewad-contact-button i {
        color: black !important;
    }

    .text-light {
        color: #eee;
    }

    .textdropdown-input {
        background: rgba(0, 0, 0, 0) no-repeat right center;
        background-image: none;
        cursor: pointer;
        text-align: right;
        padding: 0 22px 0 0;
        box-sizing: border-box;
        color: #b5e941;
    }

    .srp-header .j-follow-search .icon-saved-searches-24-gr...

Reviews

No reviews yet.