Skip to content

Stremio Dark (v4) by eman

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

Screenshot of Stremio Dark (v4)

Details

Authoreman

LicenseNO-REDISTRIBUTION

Categoryunset

Created

Updated

Size3.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Stremio web app dark theme. Most colors replaced with grayscale.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Stremio Dark (v4)
@namespace    USO Archive
@author       EmanVH
@description  Stremio web app dark theme. Most colors replaced with grayscale.
@version      20230906.01.37
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix('https://app.strem.io/shell-v4.4/#/'), domain("staging.strem.io") {
body {
  background-image: linear-gradient(45deg, #000, #222) !important;
}

body #navbar .tab.selected .icon {
  color: #fff !important;
}

body #topbar .logo img {
  filter: invert(1) contrast(100) saturate(0) !important;
}

#window-controls #user-panel {
  background-color: #000 !important;
  box-shadow: 0 0 2rem 0 #333 !important;
}

.settings-container .settings-panel .account .profile-picture {
  border: 2px solid #fff !important;
}

.settings-container .settings-panel a {
  color: #fff !important;
}

input[type=checkbox]:checked {
  background-color: #fff !important;
}

input[type=checkbox]:after {
  background-color: #333 !important;
}

.segments li.selected {
  background-color: #222 !important;
}

.addon .buttons .install {
  background-color: #fff !important;
  color: #000 !important;
}

.addon .buttons > a:not(.remove):hover {
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0.12rem #fff !important;
}

.addon .buttons .configure {
  background-color: #fff !important;
  color: #000 !important;
}

select option {
  background-color: #000 !important;
}

#addonPromptModal .modal .modal-bg {
  filter: saturate(0) !important;
  background-color: #fff0 !important;
}

#addonPromptModal .modal {
  box-shadow: 0 0 2rem 0 #333 !important;
}

#series-calendar ul.month li.day.today .date {
  background: #fff !important;
  color: #000 !important;
}

#future-episodes li.selected .date {
  background: #fff !important;
  color: #000 !important;
}

.items .notification.watched {
  color: #000 !important;
  background: #fff !important;
}

body #topbar #search-form-container #search-dropdown {
  color: #fff !important;
  background-color: #000 !important;
  box-shadow: 0 0 2rem 0 #333, 0 0 2rem 0 rgba(0,0,0,0.6) inset !important;
}

*[id^='contextMenu'] {
  filter: saturate(0) !important;
}

.streams-container .streams .stream .stream-play {
  background-color: #fff !important;
}

.streams-container .streams .stream .stream-play .icon {
  color: #000 !important;
}

.sidebar .episodes .episodes-list li .episode-details .footer .watched {
  background-color: #fff !important;
}

#discover .info-box .content .actions .button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

#discover .info-box .content .actions .button.play .icon-container {
  background-color: #fff !important;
  color: #000 !important;
}

#controlbar .popup {
  background-color: #000 !important;
}

#subtitleMenu .options ul.select-squares li.selected {
  background-color: #fff !important;
  color: #000 !important;
}

#streamReport {
  background-color: #000 !important;
  box-shadow: 0 0 2rem 0 #333 !important;
}

[type='range']::-webkit-slider-runnable-track {
  background: #fff !important;
}

[type='range']::-webkit-slider-thumb {
  background: #fff !important;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,0.2) inset !important;
}

#sidebar-handle {
  background: #000 !important;
}

#volumeControl #volumeSlider .scale-visual {
  background: #fff !important;
}

#volumeControl #volumeSlider .nipple {
  background: #fff !important;
  box-shadow: 0 0 0 .25rem rgba(0,0,0,0.2) inset !important;
}

#intro .pres .logo {
  filter: saturate(0) !important;
}

#introModal .background {
  background-color: #000 !important;
  filter: blur(6rem) saturate(0) !important;
}
}

Reviews

No reviews yet.