dark mod for bahn.de
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
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);
}...