Skip to content

Bahn.de dark by s-light

Details

Authors-light

LicenseCC0

Categorybahn.de/buchung

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

dark mod for bahn.de

Notes

dark relative high contrast dark-violet - orange theme for bahn.de buchung

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Bahn.de dark
@namespace      github.com/s-light/
@version        1.1.0
@description    dark mod for bahn.de
@author         Stefan Krüger (s-light.eu)
==/UserStyle== */
@-moz-document domain("bahn.de") {
    * {
        --bg_color: hsl(270, 100%, 17%);
        --bg_color_dark: hsl(270, 100%, 5%);
        --bg_color_medium: hsl(270, 100%, 25%);
        --bg_color_light: hsl(270, 100%, 30%);
        --bg_color_highlight: hsl(270, 100%, 60%);
        --text_color: hsl(30, 100%, 63%);
        --text_color_highlight: hsl(90, 100%, 50%);
        --text_color_dark: hsl(30, 100%, 20%);
    }

    body {
        background-color: var(--bg_color_dark) !important;
    }

    a,
    body {
        color: var(--text_color);
    }


    .db-bg-color--dbWhite {
        color: var(--text_color);
        background-color: var(--bg_color);
    }


    .DB_DARK,
    .DB_DARK_ALTERNATE,
    .DB_LIGHT,
    .DB_LIGHT_ALTERNATE,
    :root {
        --db-logo-color: #ec0016;
        --db-pulse-background: #ec0016;
        --db-primary-background-color: #0045ff;
        --db-secondary-background-color: #004878;
        --db-darker-background-color: #00375b;
        --db-primary-text-color: #b6ffac;
        --db-secondary-text-color: #646973;
        --db-disabled-text-color: #b7bcc3;
        --db-shadow-color: #0000000a;
        --db-border-color: #e4e8eb;
        --db-loud-border-color: #646973;
        --db-focus-ring-color: #2c95c4c2;
        --db-link-color: #ec0016;
        --db-link-hover-color: #c50014;
        --db-link-pressed-color: #9b000e;
        --db-link-underline-color: #fbacaa;
        --db-secondary-link-underline-color: #afb4bb;
        --db-field-primary-text-color: var(--db-primary-text-color);
        --db-field-secondary-text-color: var(--db-secondary-text-color);
        --db-field-border-color: #bbc0c6;
        --db-caret-color: #e40016;
        --db-primary-button-background-color: #ec0016;
        --db-primary-button-hover-background-color: #c50014;
        --db-primary-button-pressed-background-color: #9b000e;
        --db-primary-button-disabled-background-color: #00182b;
        --db-primary-button-text-color: #fff;
        --db-primary-button-hover-text-color: #fff;
        --db-primary-button-pressed-text-color: #fff;
        --db-primary-button-disabled-text-color: #cacfd4;
        --db-secondary-button-background-color: var(--db-primary-background-color);
        --db-secondary-button-hover-background-color: #d7dce1;
        --db-secondary-button-pressed-background-color: #afb4bb;
        --db-secondary-button-disabled-background-color: var(--db-primary-button-disabled-background-color);
        --db-secondary-button-text-color: var(--db-primary-text-color);
        --db-secondary-button-hover-text-color: var(--db-primary-text-color);
        --db-secondary-button-pressed-text-color: var(--db-primary-text-color);
        --db-secondary-button-disabled-text-color: var(--db-primary-button-disabled-text-color);
        --db-solid-button-background-color: #d7dce1;
        --db-solid-button-hover-background-color: #afb4bb;
        --db-solid-button-pressed-background-color: #878c96;
        --db-solid-button-disabled-background-color: var(--db-primary-button-disabled-background-color);
        --db-solid-button-text-color: var(--db-primary-text-color);
        --db-solid-button-hover-text-color: var(--db-primary-text-color);
        --db-solid-button-pressed-text-color: var(--db-primary-text-color);
        --db-solid-button-disabled-text-color: var(--db-primary-button-disabled-text-color);
        --db-track-background-color: #140f6f;
        --db-track-text-color: #f0f3f5;
        --db-on-time-text-color: #038531;
        --db-on-time-light-text-color: #02822f;
        --db-on-time-background-color: transparent;
        --db-delayed-text-color: #ec0016;
        --db-delayed-light-text-color: #db0014;
        --db-delayed-background-color: transparent;
        --db-success-color: #02822f;
        --db-success-background-color: #038531;
        --db-success-on-background-color: #fff;
        --db-warning-color: #c50014;
        --db-warning-background-color: #c50014;
        --db-warning-on-background-color: #f8f9fa;
        --db-informative-color: #000;
        --db-informative-background-color: #444d60;
        --db-informative-on-background-color: #fff;
        --db-checkbox-tick-color: var(--db-primary-background-color);
    }

    .DB_LIGHT,
    :root {
        --db-darker-background-color: hsl(270, 100%, 10%) !important;
        --db-loud-border-color: #afb4bb;
    }

    #content-container {
        background-color: var(--bg_color);
        color: var(--text_color);
    }

    #mobile-register-container {
        background: inherit;
    }

    .footer {
        background-color: inherit !important;
    }


    .alert__container {
        background-color: var(--bg_color_light);
    }

    /**/
    .nav__main .nav__list,
    .nav__main > .nav__item {
        background-color: var(--bg_color);
    }

    .nav__main--right > .nav__item.nav__item--open > .nav__list,
    .nav__main--right > .nav__item:hover > .nav__list,
    .nav__main > .nav__item.nav__item--open > .nav__list,
    .nav__main > .nav__item:hover > .nav__list {
        background-color: var(--bg_color_medium);
    }

    .nav__main--right > .nav__item .nav__footer,
    .nav__main > .nav__item .nav__footer {
        background-color: var(--bg_color_medium);
    }

    .doc header.header,
    .doc header.header .head,
    .doc .db-web-header {
        background-color: var(--bg_color);
    }

    .doc header.header .head .meta-tab-navigation__link.meta-tab-navigation__link--active {
        background-color: var(--bg_color_light);
    }


    .highlighted {
        background-color: var(--bg_color);
    }

    .sld-tsr .glide {
        background-color: var(--bg_color);
    }

    .content-teaser > .content-teaser--body {
        background-color: var(--bg_color);
    }





    .reisedetails-container.reiseloesung {
        background-color: var(--bg_color);
        color: var(--text_color);
        box-shadow: 0 .125rem .25rem hsl(0, 0%, 0%);
    }

    .reise-ereignis-zusammenfassung__message.reise-ereignis-zusammenfassung__message--low-priority {
        color: var(--bg_color_highlight);
    }

    .verbindungs-abschnitt-zeile.verbindungs-fussweg__zeile {
        background-color: rgba(0, 0, 0, .3);
    }

    .priorisierte-meldung.priorisierte-meldung--low-priority .priorisierte-meldung--low-priority,
    .priorisierte-meldung.priorisierte-meldung--low-priority .priorisierte-meldung__text {
        color: var(--text_color);
    }



    .quick-finder-zeitauswahl-content .quick-finder-zeitauswahl-content__gray-overlay,
    .db-web-date-picker-calendar-day.db-web-date-picker-calendar-day--day-in-month-or-selectable .db-web-date-picker-calendar-day--label,
    .db-web-time-picker-input.db-web-time-picker__input .db-web-time-picker-input__input,
    .db-web-date-picker-input .db-web-date-picker-input__field-overlay,
    .db-web-button.db-web-button--type-secondary,
    .db-web-button--type-plain[data-v-e686ff03] {
        background-color: transparent;
        color: var(--text_color);
    }


    .button-overlay-body-container__wrapper .button-overlay-body-container__body,
    .quick-finder-zeitauswahl-content__gray-overlay .quick-finder-zeitauswahl-content__time-picker-bar {
        background-color: var(--bg_color);
        color: var(--text_color);
    }

    .db-web-date-picker-calendar-day.db-web-date-picker-calendar-day--day-in-month-or-selectable.db-web-date-picker-calendar-day--selected-date > .db-web-date-picker-calendar-day--label {
        color: var(--text_color_highlight);
        background-color: var(--bg_color_dark) !important;
    }

    [data-whatintent="mouse"] .db-web-date-picker-calendar-day:hover.db-web-date-picker-calendar-day--day-in-month-or-selectable > .db-web-date-picker-calendar-day--label {
        background-color: var(--bg_color_highlight) !important;
    }

    .db-web-select-list-item,
    ._select .db-web-select-list,
    ._list-item {
        background-color: var(--bg_color_medium);
    }

    .db-web-select-list-item:hover,
    ._select .db-web-select-list:hover,
    ._list-item:hover,
    .db-web-checkbox._list-item-checkbox:hover {
        background-color: var(--bg_color_light);
    }

    .DBWebSelectButton ._control-content,
    ._value-wrapper ._value-text {
        background-color: var(--bg_color);
        color: var(--text_color);
    }


    .quick-finder .quick-finder__content-wrapper,
    .quick-finder-options.quick-finder__options {
        background-color: var(--bg_color);
        color: var(--text_color);
    }

    .db-web-icon.quick-finder-option-area__icon,
    .quick-finder-option-area__text h2.quick-finder-option-area__heading,
    .quick-finder-option-area__text-content .quick-finder-option-area__summary,
    .quick-finder-option-area__summary .quick-finder-option-area__sublabel {
        color: var(--text_color);
    }


    .quick-finder .quick-finder__options-panel .quick-finder-extended-options.quick-finder__extended-options {
        background-color: var(--bg_color);
    }


    .db-web-autocomplete__input-field.test-autocomplete-input,
    .db-web-select-list-item.db-web-select-list-item--highlighted {
        background-color: var(--bg_color);
        color: inherit;
    }

    .db-web-select-list-item.db-web-select-list-item--highlighted:hover {
        background-color: var(--bg_color_light);
    }



    .dauer-umstieg__umstiege.dauer-umstieg__umstiege--desktop,
    .dauer-umstieg__dauer {
        font-size: 1.3em;
        font-weight: bold;
    }

    .dauer-umstieg__umstiege.dauer-umstieg__umstiege--desktop {
        color: var(--text_color);
    }

    .dauer-umstieg__dauer {
        color: var(--text_color_highlight);
    }

    .dauer-umstieg__dauer ~ .dauer-umstieg__umstiege::before {
        color: var(--text_color_dark);
    }...

Reviews

No reviews yet.