Skip to content

Dark Radarr V4 by peeps

Screenshot of Dark Radarr V4
Write a review Install Get Stylus

Details

Authorpeeps

LicenseCC BY-NC - Creative Commons Attribution-NonCommercial

CategoryRadarr

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Radarr version 4.

Notes

Updated for version 4.1.0.6175
Updated for version 4.2.0.6438

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Dark Radarr V4
@version      20220818.20.41
@namespace    userstyles.world/user/peeps
@description  Dark theme for Radarr version 4.
@author       peeps
@license      CC BY-NC - Creative Commons Attribution-NonCommercial
==/UserStyle== */

@-moz-document regexp("((http(s?)):\\/\\/)?[-A-Za-z0-9+&@#/%?=~_|!:,.;]+(7878|radarr)+(.*)") {
/*-------------------------------------------*/
/* COLORS */
:root {
    --color-DarkBG: #272727;    /* var(--color-DarkBG) */
    --color-DarkBG2: #333333;   /* var(--color-DarkBG2) */
    --color-White: #D4D4D4;     /* var(--color-White) */
    --color-Grey: #444444;      /* var(--color-Grey) */
    --color-Grey2: #707070;      /* var(--color-Grey2) */   
    --color-ScrollBG:#555555;   /* var(--color-ScrollBG) */
    --color-ScrollHVR:#4a4a4a;  /* var(--color-ScrollHVR) */
}

/* Side Bar */
.PageSidebar-sidebar-KUJeR {
    background-color: var(--color-DarkBG);
    margin-right: -17px !important;
    margin-bottom: -17px !important;
}

/* Side Bar Text Color */
.PageSidebarItem-link-TuHn2 {
    color:  var(--color-White);
}

/* Scroll Bar Color */
.OverlayScroller-thumb-IKMmD {
    background-color: var(--color-ScrollBG);
    min-height: 30px;
}

.OverlayScroller-thumb-IKMmD:hover {
    background-color: var(--color-ScrollHVR);
}

/* Top Bar */
.PageToolbar-toolbar-YMl38 {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.PageHeader-header-yG8lh {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

/* Search Box */
.MovieSearchInput-input-TKyuc {
    width: 400px;
    height: 34px;
    padding: 6px 16px;
    border: none;
    border-bottom: 0;
    border-radius: 4px;
    background-color: var(--color-Grey);
    color: #fff;                            /* Blinking Cursor */
}

.MovieSearchInput-containerOpen-iE3oK .MovieSearchInput-movieContainer-kuKIB {
    border: 1px solid var(--color-ScrollBG);
    border-radius: 4px;
    background-color: var(--color-DarkBG2);
    color: var(--color-White);
}

.MovieSearchInput-highlighted-InlUx {
    background-color: var(--color-Grey);
}

/* Search Scroll Bar */
.MovieSearchInput-movieContainer-kuKIB::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-color: var(--color-ScrollBG);
}

.MovieSearchInput-movieContainer-kuKIB::-webkit-scrollbar-thumb:hover {
    border: 0px solid transparent;
    background-color: var(--color-ScrollHVR);
}


/*-------------- Movie Section --------------*/

/* Background */
body {
    background: var(--color-DarkBG);
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.MovieIndexPoster-title-jXLGH {
    background-color: var(--color-DarkBG);
}

.MovieIndexPosterInfo-info-JAgSz {
    background-color: var(--color-DarkBG);
}

.MovieIndexPosterInfo-info-iEzEw {
    background-color: var(--color-DarkBG) !important;
}

.MovieIndex-contentBody-2S4l_ {
    margin-right: -17px !important;
    margin-bottom: -17px !important;
}


.MenuItem-menuItem-XlMdU {
    background-color: var(--color-Grey);
    color: var(--color-White);
}

/* Custom Filter*/
.CustomFilter-customFilter-eI_Cq:hover {
    background-color: var(--color-Grey);
}

.FilterBuilderRow-filterRow-q1nvx:hover {
    background-color: var(--color-Grey);
}

.TagInput-internalInput-bbdd_ {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.AutoSuggestInput-suggestionsContainerOpen-qrEjQ .AutoSuggestInput-suggestionsContainer-IdHtU {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.AutoSuggestInput-suggestionHighlighted-KrGhN {          /*Dropdown box*/
    background-color: var(--color-Grey);
    color: var(--color-White);
}

/* Movie Details */
.TableHeaderCell-headerCell-2wg3X {          /*Table View*/
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.Table-table-uAtH3 {                         /*Table View*/
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.ExtraFileTableContent-blankpad-JlcGd {     /*Movie Detail Files Tab*/
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

tr:hover {                                   /*Table View*/
    background-color: var(--color-DarkBG2) !important;
    color: var(--color-White) !important;
}


.VirtualTableRow-row-cfNxh{            /*Table View*/
    transition: background-color .1s;
}

.VirtualTableRow-row-cfNxh:hover{            /*Table View*/
    background-color: var(--color-DarkBG2) !important;
    color: var(--color-White) !important;
}


.MovieIndexOverview-link-MS8Nr {            /*Overview View Top Right*/
    color: var(--color-White);
}

.MovieIndexOverview-link-MS8Nr:hover {      
    color: var(--color-White);
}

.MovieIndexOverview-info-oESxH:hover {      
    background-color: var(--color-DarkBG2);
}

.MovieCreditPoster-title-wArQs{                 /* Movie Cast */
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.TagInput-internalInput-2esEh {                 /* Movie Tag */
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}


.PageContentFooter-contentFooter-RHpBL {        /* Movie Editor Bottom */
    padding: 10px;
    background-color: var(--color-DarkBG2);
}

.Popover-title-GAfA1 {                          /*Movie Ext Link Symbol*/
    background-color: var(--color-Grey);
    color: var(--color-White);
}
.Tooltip-tooltip-qMfbq.Tooltip-default-esYBk {  /*Movie Ext Link Symbol*/
    background-color: var(--color-Grey);
    color: var(--color-White);
}

.Tooltip-tooltip-qMfbq.Tooltip-inverse-Tdtfn {  /*Movie Ext Link Symbol*/
    background-color: var(--color-Grey);
    color: var(--color-White);
}

/* Manual Import */
.ModalContent-modalContent-bdTLe {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.Input-input-KWeec {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.FileBrowserModalContent-modalBody-ooEsl {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.Scroller-scroller-lhubq::-webkit-scrollbar-thumb {         /* bottom of scroll section*/
    background-color: var(--color-ScrollBG);
}

.Scroller-scroller-lhubq::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-ScrollHVR);
}

.Scroller-scroller-lhubq::-webkit-scrollbar-track {
    background-color: var(--color-Grey);
}

.MenuContent-menuContent-_1J_h {         /* Scrollbar background*/
    background-color: var(--color-Grey);
}


/* Library Import */

.ImportMovieSelectMovie-button-U4Nux {         /*movie column*/
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.ImportMovieSelectMovie-content-tsBy1 {
    background-color: var(--color-DarkBG2);
    color: var(--color-White);
}

.ImportMovieSearchResult-container-qJVpj:hover {
    background-color: var(--color-Grey);
    color: var(--color-White);
}


/* Discover */

.DiscoverMovieOverview-link-PO5ln {
    color: var(--color-White);
}

.DiscoverMovieOverview-link-PO5ln:Hover {
    color: var(--color-White);
}

.DiscoverMovieOverview-content-y0iAo:Hover {
    background-color: var(--color-DarkBG2);
}

.EnhancedSelectInputOption-option-g4V97 {           /* Root Folder Options Dropdown */
    background-color: var(--color-DarkBG);
    color: var(--color-White);
    padding: 2px 10px;
}

.EnhancedSelectInputOption-option-g4V97:Hover {
    background-color: var(--color-Grey);
    color: var(--color-White);
    padding: 2px 10px;
}


.TableOptionsColumn-column-Ek0f4 {
    background-color: var(--color-Grey);
    color: var(--color-White);
}

/* Add New Section */
.AddNewMovieSearchResult-underlay-EQMwD {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.AddNewMovieSearchResult-underlay-EQMwD:hover {
    background-color: var(--color-DarkBG2);
    color: var(--color-White);
    transition: background-color .1s;
}


/*---------------- Calendar ----------------*/

.-default-UXlBi {                 /* Buttons */
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}


.Button-default-UXlBi {
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.Button-default-UXlBi:hover {
    background-color: var(--color-DarkBG2);
    color: var(--color-White);
}

.CalendarDay-day-vbHSD:hover {          /* Calendar Days */
    background-color: var(--color-DarkBG2);
    color: var(--color-White);
}

.DayOfWeek-dayOfWeek-D4GRS {            /* Day of Week */
    border-color: #d6d6d6;
    border: 1px solid;
    background-color: var(--color-DarkBG);
    color: var(--color-White);
}

.CalendarDay-isToday-E7jSB {            /* Current Day */
    background-color: #1b72e2;
    color: var(--color-White);
    font-weight: bold;
}

.CalendarEvent-movieTitle-Ui3GY {       /* Calendar Movie Name */
    color: #1b72e2;
}

.CalendarEvent-movieInfo-iaycP {       /* Calendar Text */
    color: var(--color-White);
}

.AgendaEvent-event-dWRPa {             /* Calendar Agenda */
    color: var(--color-White);
}

.AgendaEvent-event-dWRPa:hover {
    background-color: var(--color-Grey);
    color: var(--color-White);
        
}

/*---------------- Settings ----------------*/
/* Settings */
.Settings-link-errh1 {
    color: #5d9cec;
}

.Settings-summary-eUl9k {
    color: var(--color-White);
}

/* Media Management */
.FieldSet-legend-M8__d {                /* Top Title */
    color: var(--color-White);
}

.NamingOption-token-of4IX {             /* Movie Format ? Mark */
    background-color: var(--color-DarkBG2);
}

.NamingOption-example-kZLgU {
    background-color: var(--color-DarkBG);
}

.NamingOption-option-OKNvA:hover .NamingOption-token-of4IX {
    background-color: var(--color-Grey);
}

.NamingOption-option-OKNvA:hover .NamingOption-example-kZLgU {
    background-color: var(--color-DarkBG);
}

/* Profiles */
button, [type="button"], [type="reset"], [type="submit"] {
    border-radius: 4px;
}

.Card-card-aoesq {
   ...

Reviews

No reviews yet.