2023-10-03 20:51:06 +02:00
: root {
--main-bg-color : radial-gradient ( at bottom center , rgba ( 0 , 0 , 0 , 0 . 4 ) 0 % , hsla ( 0 , 14 % , 18 % , 0 . 55 ) , hsla ( 0 , 18 % , 5 % , 0 ) ) center center / cover no-repeat fixed ,
linear-gradient ( to bottom , hsl ( 0 , 18 % , 5 % ) , hsl ( 0 , 65 % , 23 % ) , hsl ( 0 , 100 % , 9 % ) ) center center / cover no-repeat fixed ;
--modal-bg-color : var ( --main-bg-color ) ;
--modal-header-color : var ( --main-bg-color ) ;
--modal-footer-color : var ( --main-bg-color ) ;
--drop-down-menu-bg : var ( --main-bg-color ) ;
--button-color : rgb ( 236 , 106 , 106 ) ;
--button-color-hover : hsl ( 0 , 65 % , 23 % ) ;
--button-text : hsla ( 0 , 18 % , 5 % , 0 . 95 ) ;
--button-text-hover : hsla ( 0 , 0 % , 100 % , 0 . 95 ) ;
--accent-color : 236 , 106 , 106 ;
--accent-color-hover : rgb ( var ( --accent-color ) , . 8 ) ;
--link-color : # fad0c4 ;
--link-color-hover : # e2c9cc ;
--label-text-color : hsla ( 0 , 18 % , 5 % , 0 . 95 ) ;
--text : # ddd ;
--text-hover : # fff ;
--text-muted : # 999 ;
/*Specials*/
--arr-queue-color : # 6b5 ; /* Servarr apps + Bazarr*/
--plex-poster-unwatched : # ff9a9e ;
--petio-spinner : invert ( 68 % ) sepia ( 13 % ) saturate ( 766 % ) hue-rotate ( 170deg ) brightness ( 90 % ) contrast ( 79 % ) ; /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
--gitea-color-primary-dark-4 : 255 , 154 , 158 ;
--overseerr-gradient : radial-gradient ( at bottom center , rgba ( 0 , 0 , 0 , 0 . 4 ) 0 % , hsla ( 0 , 14 % , 18 % , 0 . 55 ) , hsla ( 0 , 18 % , 5 % , 0 ) ) center center / cover no-repeat fixed ,
linear-gradient ( to bottom , hsla ( 0 , 20 % , 5 % , 0 . 9 ) , hsl ( 0 , 65 % , 23 % , . 9 ) , hsl ( 0 , 100 % , 9 % , . 9 ) ) center center / cover no-repeat fixed ;
}