Last active
October 1, 2018 07:15
-
-
Save werrpy/869aab0b69c7ad5078cf7319f22d5a18 to your computer and use it in GitHub Desktop.
UNIT3D Dark Themes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Blue | |
| 50 #E3F2FD | |
| 100 #BBDEFB | |
| 200 #90CAF9 | |
| 300 #64B5F6 | |
| 400 #42A5F5 | |
| 500 #2196F3 | |
| 600 #1E88E5 | |
| 700 #1976D2 | |
| 800 #1565C0 | |
| 900 #0D47A1 | |
| A100 #82B1FF | |
| A200 #448AFF | |
| A400 #2979FF | |
| A700 #2962FF | |
| */ | |
| :root { | |
| --color-light-blue: #64B5F6; /* Blue 300 */ | |
| --color-light-green: #64B5F6; /* Blue 300 */ | |
| --color-light-magenta: #64B5F6; /* Blue 300 */ | |
| --color-light-purple: #64B5F6; /* Blue 300 */ | |
| --color-400: #42A5F5; /* Blue 400 */ | |
| --color-blue: #2196F3; /* Blue 500 */ | |
| --color-green: #2196F3; /* Blue 500 */ | |
| --color-yellow: #2196F3; /* Blue 500 */ | |
| --color-magenta: #1E88E5; /* Blue 600 */ | |
| --color-red: #1565C0; /* Blue 800 */ | |
| --color-dark-green: #1565C0; /* Blue 800 */ | |
| --color-A200: #448AFF; /* Blue A200 */ | |
| --color-A400: #2979FF; /* Blue A400 */ | |
| --color-purple: #2962FF; /* Blue A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(21, 101, 192, 0.46)); /* Blue 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/blue.png"); | |
| --gradient-background: radial-gradient(at 30% top, #072e46 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-A400); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A200); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Green | |
| 50 #E8F5E9 | |
| 100 #C8E6C9 | |
| 200 #A5D6A7 | |
| 300 #81C784 | |
| 400 #66BB6A | |
| 500 #4CAF50 | |
| 600 #43A047 | |
| 700 #388E3C | |
| 800 #2E7D32 | |
| 900 #1B5E20 | |
| A100 #B9F6CA | |
| A200 #69F0AE | |
| A400 #00E676 | |
| A700 #00C853 | |
| */ | |
| :root { | |
| --color-light-blue: #81C784; /* Green 300 */ | |
| --color-light-green: #81C784; /* Green 300 */ | |
| --color-light-magenta: #81C784; /* Green 300 */ | |
| --color-light-purple: #81C784; /* Green 300 */ | |
| --color-400: #66BB6A; /* Green 400 */ | |
| --color-blue: #4CAF50; /* Green 500 */ | |
| --color-green: #4CAF50; /* Green 500 */ | |
| --color-yellow: #4CAF50; /* Green 500 */ | |
| --color-magenta: #43A047; /* Green 600 */ | |
| --color-red: #2E7D32; /* Green 800 */ | |
| --color-dark-green: #2E7D32; /* Green 800 */ | |
| --color-A400: #00E676; /* Green A400 */ | |
| --color-purple: #00C853; /* Green A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(46, 125, 50, 0.46)); /* Green 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/green.png"); | |
| --gradient-background: radial-gradient(at 30% top, #074034 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Pink | |
| 50 #FCE4EC | |
| 100 #F8BBD0 | |
| 200 #F48FB1 | |
| 300 #F06292 | |
| 400 #EC407A | |
| 500 #E91E63 | |
| 600 #D81B60 | |
| 700 #C2185B | |
| 800 #AD1457 | |
| 900 #880E4F | |
| A100 #FF80AB | |
| A200 #FF4081 | |
| A400 #F50057 | |
| A700 #C51162 | |
| */ | |
| :root { | |
| --color-light-blue: #F06292; /* Pink 300 */ | |
| --color-light-green: #F06292; /* Pink 300 */ | |
| --color-light-magenta: #F06292; /* Pink 300 */ | |
| --color-light-purple: #F06292; /* Pink 300 */ | |
| --color-400: #EC407A; /* Pink 400 */ | |
| --color-blue: #E91E63; /* Pink 500 */ | |
| --color-green: #E91E63; /* Pink 500 */ | |
| --color-yellow: #E91E63; /* Pink 500 */ | |
| --color-magenta: #D81B60; /* Pink 600 */ | |
| --color-red: #AD1457; /* Pink 800 */ | |
| --color-dark-green: #AD1457; /* Pink 800 */ | |
| --color-A400: #F50057; /* Pink A400 */ | |
| --color-purple: #C51162; /* Pink A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(173, 20, 87, 0.46)); /* Pink 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/pink.png"); | |
| --gradient-background: radial-gradient(at 30% top, #341a38 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Purple | |
| 50 #F3E5F5 | |
| 100 #E1BEE7 | |
| 200 #CE93D8 | |
| 300 #BA68C8 | |
| 400 #AB47BC | |
| 500 #9C27B0 | |
| 600 #8E24AA | |
| 700 #7B1FA2 | |
| 800 #6A1B9A | |
| 900 #4A148C | |
| A100 #EA80FC | |
| A200 #E040FB | |
| A400 #D500F9 | |
| A700 #AA00FF | |
| */ | |
| :root { | |
| --color-light-blue: #BA68C8; /* Purple 300 */ | |
| --color-light-green: #BA68C8; /* Purple 300 */ | |
| --color-light-magenta: #BA68C8; /* Purple 300 */ | |
| --color-light-purple: #BA68C8; /* Purple 300 */ | |
| --color-400: #AB47BC; /* Purple 400 */ | |
| --color-blue: #9C27B0; /* Purple 500 */ | |
| --color-green: #9C27B0; /* Purple 500 */ | |
| --color-yellow: #9C27B0; /* Purple 500 */ | |
| --color-magenta: #8E24AA; /* Purple 600 */ | |
| --color-red: #6A1B9A; /* Purple 800 */ | |
| --color-dark-green: #6A1B9A; /* Purple 800 */ | |
| --color-A400: #D500F9; /* Purple A400 */ | |
| --color-purple: #AA00FF; /* Purple A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(106, 27, 154, 0.46)); /* Purple 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/purple.png"); | |
| --gradient-background: radial-gradient(at 30% top, #20284a 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Red | |
| 50 #FFEBEE | |
| 100 #FFCDD2 | |
| 200 #EF9A9A | |
| 300 #E57373 | |
| 400 #EF5350 | |
| 500 #F44336 | |
| 600 #E53935 | |
| 700 #D32F2F | |
| 800 #C62828 | |
| 900 #B71C1C | |
| A100 #FF8A80 | |
| A200 #FF5252 | |
| A400 #FF1744 | |
| A700 #D50000 | |
| */ | |
| :root { | |
| --color-light-blue: #E57373; /* Red 300 */ | |
| --color-light-green: #E57373; /* Red 300 */ | |
| --color-light-magenta: #E57373; /* Red 300 */ | |
| --color-light-purple: #E57373; /* Red 300 */ | |
| --color-400: #EF5350; /* Red 400 */ | |
| --color-blue: #F44336; /* Red 500 */ | |
| --color-green: #F44336; /* Red 500 */ | |
| --color-yellow: #F44336; /* Red 500 */ | |
| --color-magenta: #E53935; /* Red 600 */ | |
| --color-red: #C62828; /* Red 800 */ | |
| --color-dark-green: #C62828; /* Red 800 */ | |
| --color-A400: #FF1744; /* Red A400 */ | |
| --color-purple: #D50000; /* Red A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(198, 40, 40, 0.46)); /* Red 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/red.png"); | |
| --gradient-background: background-image: radial-gradient(at 30% top, #30172a 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Teal | |
| 50 #E0F2F1 | |
| 100 #B2DFDB | |
| 200 #80CBC4 | |
| 300 #4DB6AC | |
| 400 #26A69A | |
| 500 #009688 | |
| 600 #00897B | |
| 700 #00796B | |
| 800 #00695C | |
| 900 #004D40 | |
| A100 #A7FFEB | |
| A200 #64FFDA | |
| A400 #1DE9B6 | |
| A700 #00BFA5 | |
| */ | |
| :root { | |
| --color-light-blue: #4DB6AC; /* Teal 300 */ | |
| --color-light-green: #4DB6AC; /* Teal 300 */ | |
| --color-light-magenta: #4DB6AC; /* Teal 300 */ | |
| --color-light-purple: #4DB6AC; /* Teal 300 */ | |
| --color-400: #26A69A; /* Teal 400 */ | |
| --color-blue: #009688; /* Teal 500 */ | |
| --color-green: #009688; /* Teal 500 */ | |
| --color-yellow: #009688; /* Teal 500 */ | |
| --color-magenta: #00897B; /* Teal 600 */ | |
| --color-red: #00695C; /* Teal 800 */ | |
| --color-dark-green: #00695C; /* Teal 800 */ | |
| --color-A400: #1DE9B6; /* Teal A400 */ | |
| --color-purple: #00BFA5; /* Teal A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(0, 105, 92, 0.46)); /* Teal 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/teal.png"); | |
| --gradient-background: radial-gradient(at 30% top, #073d3f 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */ | |
| /* | |
| Yellow | |
| 50 #FFFDE7 | |
| 100 #FFF9C4 | |
| 200 #FFF59D | |
| 300 #FFF176 | |
| 400 #FFEE58 | |
| 500 #FFEB3B | |
| 600 #FDD835 | |
| 700 #FBC02D | |
| 800 #F9A825 | |
| 900 #F57F17 | |
| A100 #FFFF8D | |
| A200 #FFFF00 | |
| A400 #FFEA00 | |
| A700 #FFD600 | |
| */ | |
| :root { | |
| --color-light-blue: #FFF176; /* Yellow 300 */ | |
| --color-light-green: #FFF176; /* Yellow 300 */ | |
| --color-light-magenta: #FFF176; /* Yellow 300 */ | |
| --color-light-purple: #FFF176; /* Yellow 300 */ | |
| --color-400: #FFEE58; /* Yellow 400 */ | |
| --color-blue: #FFEB3B; /* Yellow 500 */ | |
| --color-green: #FFEB3B; /* Yellow 500 */ | |
| --color-yellow: #FFEB3B; /* Yellow 500 */ | |
| --color-magenta: #FDD835; /* Yellow 600 */ | |
| --color-red: #F9A825; /* Yellow 800 */ | |
| --color-dark-green: #F9A825; /* Yellow 800 */ | |
| --color-A400: #FFEA00; /* Yellow A400 */ | |
| --color-purple: #FFD600; /* Yellow A700 */ | |
| --color-dark-blue: #181818; | |
| --color-dark-red: #181818; | |
| --movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(249, 168, 37, 0.46)); /* Yellow 800 */ | |
| --background-pipe: url("https://blutopia.xyz/img/pipes/yellow.png"); | |
| --gradient-background: radial-gradient(at 30% top, #2f331d 0%, #081c24 70%); | |
| } | |
| body { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .btn-primary, .btn-danger, .label-primary { | |
| background-color: var(--color-purple); | |
| background-image: none; | |
| } | |
| .btn-info, .label-info { | |
| background-color: var(--color-magenta); | |
| background-image: none; | |
| } | |
| .btn-success { | |
| background-color: var(--color-green); | |
| background-image: none; | |
| } | |
| .btn-warning { | |
| background-color: var(--color-yellow); | |
| background-image: none; | |
| } | |
| .btn:active, .btn:hover, .btn:focus, | |
| .btn:active:hover, .btn:active:focus, .btn:active:hover:focus { | |
| background-color: var(--color-light-purple) !important; | |
| background-image: none; | |
| } | |
| #hoeapp-wrapper, #main-content, .inner-content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| .hoe-right-header[hoe-color-type="header-bg5"] { | |
| background: #1f1f1f; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"].hoe-minimized-lpanel #hoe-left-panel { | |
| background: #1f1f1f; | |
| } | |
| .ratio-bar { | |
| background-color: #2b2b2b; | |
| } | |
| .ratio-bar .badge-user { | |
| background-color: #373737; | |
| } | |
| .nav-tabs > #active { | |
| background-color: var(--color-dark-green); | |
| } | |
| btn-primary :hover { | |
| background-color: var(--color-light-purple); | |
| } | |
| /* dark header menus */ | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li { | |
| border-bottom: none; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a > .fa { | |
| color: #fff; | |
| } | |
| .hoe-left-header, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a { | |
| background: #1f1f1f; | |
| } | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus, | |
| .hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:hover, | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a:hover { | |
| background: #151515; | |
| } | |
| #hoeapp-container[hoe-color-type="lpanel-bg5"] #hoe-left-panel .panel-list > li > a { | |
| border-top: 1px solid #151515; | |
| } | |
| .text-green { | |
| color: #3fb618; | |
| } | |
| i.torrent-icon, .carousel-control > .glyphicon { | |
| color: var(--color-blue); | |
| } | |
| .col-md-10 { | |
| background-color:#2b2b2b; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| } | |
| .panel-chat > .panel-body > #frame > .content { | |
| background-color: var(--color-dark-blue); | |
| } | |
| #l-footer { | |
| background-color:#1f1f1f; | |
| } | |
| .notify .point { | |
| background-color: var(--color-red); | |
| } | |
| .notify .heartbit { | |
| border: 4px solid var(--color-A400); | |
| } | |
| .message-sent .message-headers, | |
| .message-unread .message-headers, | |
| .message-sent .message-body, | |
| .message-unread .message-body { | |
| background-color: #404040; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, | |
| .topic-info { | |
| color: #fff; | |
| } | |
| .progress-bar { | |
| background-color: var(--color-magenta); | |
| border-bottom: 4px solid var(--color-red) !important; | |
| } | |
| select, select option { | |
| background-color: #454545 !important; | |
| } | |
| .form-control { | |
| background-color: rgba(255, 255, 255, 0.16); | |
| color: #fff; | |
| border: 2px solid rgba(0, 0, 0, 0.56); | |
| } | |
| .form-control:focus { | |
| box-shadow: 0 0 5px var(--color-light-blue); | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .form-control > option { | |
| background-color: #616161; | |
| } | |
| .decoda-code, .decoda-quote { | |
| border: 1px solid var(--color-light-blue); | |
| } | |
| .decoda-quote { | |
| margin: 0 15px 15px 15px; | |
| } | |
| .movie-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-image: var(--movie-overlay); | |
| } | |
| .text-info, | |
| .disk-good { | |
| color: var(--color-400); | |
| } | |
| .badge-extra { | |
| border: 1px solid rgba(66, 70, 92, 0.61); | |
| border-radius: 0px; | |
| } | |
| .text-purple, | |
| .text-orange, | |
| .text-danger, | |
| .text-success, | |
| .text-pink, | |
| .fa-coins { | |
| color: var(--color-400); | |
| } | |
| .alert-danger, .panel-danger, .panel-danger > .panel-heading, | |
| .alert-success, .panel-success, .panel-success > .panel-heading, | |
| .alert-primary, .panel-primary, .panel-primary > .panel-heading, | |
| .alert-warning, .panel-warning, .panel-warning > .panel-heading, | |
| .alert-default, .panel-default, .panel-default > .panel-heading, | |
| .alert-info, .btn-info, .panel-info, .panel-info > .panel-heading { | |
| background-color: var(--color-magenta) !important; | |
| } | |
| .alert { | |
| color: #424242; | |
| } | |
| .alert > h2, | |
| .alert > h2 > strong, | |
| .panel > .panel-heading > h2, | |
| .panel > .panel-heading > h4, | |
| .panel > .panel-heading > div > h2, | |
| .panel > .panel-heading > div > h4, | |
| .movie-title > a { | |
| color: #000; | |
| } | |
| .panel-chat > .panel-heading > h4 { | |
| color: #fff; | |
| } | |
| .panel-collapse > .panel-heading { | |
| background-color: #1b1b1b !important; | |
| } | |
| .badge-user { | |
| border-radius: 0px; | |
| } | |
| .container.box { | |
| background: #1f1f1f; | |
| box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.20); | |
| } | |
| .list-inline { | |
| color: inherit; | |
| } | |
| .gradient.silver, | |
| .gradient.pink, | |
| .gradient.purple, | |
| .gradient.green, | |
| .gradient.teal, | |
| .gradient.light_blue, | |
| .gradient.blue, | |
| .gradient.orange, | |
| .gradient.yellow, | |
| .gradient.red { | |
| background-image: var(--gradient-background); | |
| } | |
| div.header.silver div.inner_content, | |
| div.header.pink div.inner_content, | |
| div.header.purple div.inner_content, | |
| div.header.green div.inner_content, | |
| div.header.teal div.inner_content, | |
| div.header.light_blue div.inner_content, | |
| div.header.blue div.inner_content, | |
| div.header.orange div.inner_content, | |
| div.header.yellow div.inner_content, | |
| div.header.red div.inner_content, | |
| #l-footer { | |
| background-image: var(--background-pipe) !important; | |
| } | |
| /* history table restores */ | |
| .table > tbody > tr > td.text-green { | |
| color: #3fb618 !important; | |
| } | |
| .table > tbody > tr > td.text-red { | |
| color: var(--color-light-red) !important; | |
| } | |
| /* for REDT */ | |
| a { | |
| color: var(--color-blue); | |
| } | |
| a:hover { | |
| color: var(--color-light-blue); | |
| } | |
| .nav-tabs>li, .nav-tabs>li.active { | |
| border:none !important; | |
| background-color: #000 !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Dark Blue: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-blue.css
Dark Green: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-green.css
Dark Pink: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-pink.css
Dark Purple: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-purple.css
Dark Red: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-red.css
Dark Teal: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-teal.css
Dark Yellow: https://cdn.rawgit.com/werrpy/869aab0b69c7ad5078cf7319f22d5a18/raw/4fd6c8847e9d4a04b6f4fbeace436794cd5d29f6/dark-yellow.css