Skip to content

Instantly share code, notes, and snippets.

@werrpy
Last active October 1, 2018 03:13
Show Gist options
  • Save werrpy/2bb39d2af6464ab0b2bfa48595a9cef1 to your computer and use it in GitHub Desktop.
Save werrpy/2bb39d2af6464ab0b2bfa48595a9cef1 to your computer and use it in GitHub Desktop.
:root {
--text-color: #CCCCCC;
--color-dark-magenta: hsl(300, 10%, 25%);
--color-dark-green: #EF6C00;
--color-dark-blue: #181818;
--color-dark-red: #181818;
--color-red: #EF6C00;
--color-light-red: hsl(0, 20%, 50%);
--color-green: #FF9800;
--color-light-green: #FFB74D;
--color-yellow: #FF9800;
--color-light-yellow: hsl(30, 20%, 50%);
--color-magenta: #FB8C00;
--color-light-magenta: #FFB74D;
--color-dark-purple: hsl(240, 20%, 30%);
--color-purple: #FF6D00;
--color-light-purple: #FFB74D;
--color-blue: #FF9800;
--color-light-blue: #FFB74D;
--color-bright-white: hsl(0, 0%, 100%);
--color-light-orange: hsl(20, 20%, 50%)
}
.tooltip .tooltip-inner {
background: #000;
color: #fff
}
.tooltip .tooltip-arrow {
border-color: #000
}
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: #000
}
.tooltip.popover .popover-arrow {
border-color: #f9f9f9
}
.breadcrumb {
background-color: #2b2b2b;
border: 0;
display: flex;
justify-content: center
}
.ratio-bar {
margin-bottom: 1em;
background-color: var(--color-dark-magenta)
}
.container-fluid > .list-inline,
.text-blue {
color: var(--text-color)
}
.text-purple {
color: #958
}
.list-group-item {
color: var(--text-color);
border: 1px dashed #404040
}
.list-group-item,
.panel-footer {
background-color: #232323
}
.badge-extra {
margin-bottom: .5em
}
.shoutbox {
border-color: #000;
border-radius: 4px;
background-color: transparent
}
* {
border: #000;
border-radius: 0
}
.wysibb {
border: 1px solid #404040!important
}
.wysibb,
.wysibb-text,
.wysibb-toolbar {
background-color: #232323;
color: var(--text-color)
}
.wysibb-toolbar {
border-bottom: 1px solid #404040!important
}
.wysibb-toolbar-container {
border-right: 1px solid #404040!important
}
#topic-response,
.wysibb-body {
background-color: #2b2b2b
}
.bottom-resize-line {
background-color: #404040
}
.btn-inner,
.fonticon,
.ve-tlb-italic1 {
color: var(--text-color)!important;
text-shadow: none!important
}
.panel {
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.panel-success > .panel-heading {
background-color: var(--color-dark-green);
border: 0
}
.panel-info > .panel-heading {
background-color: var(--color-dark-magenta);
border: 0
}
.panel-primary > .panel-heading {
background-color: var(--color-dark-purple);
border: 0
}
.panel-primary {
background: #2b2b2b
}
.container > .block,
.container > .well {
background: #333
}
.panel-chat > .panel-heading {
background-color: var(--color-dark-blue)
}
.col-md-10 {
background-color: rgba(43,43,43,.38)
}
.badge-extra.text-red {
color: var(--color-light-red)
}
.panel-footer {
border: 1px solid #232323
}
.panel .panel-chat {
margin-bottom: 0
}
.nav-tabs {
background-color: #373737;
border-bottom: none
}
.nav-tabs > li > a,
td,
thead {
background-color: var(--color-dark-red)
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
td,
thead {
color: var(--text-color)!important
}
.nav-tabs > li.active > a {
color: var(--color-bright-white)
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a {
background-color: var(--color-red)!important;
border: 1px solid var(--color-red)!important
}
th {
background-color: #353535
}
.mb-5 {
padding-bottom: 5px
}
td,
thead {
background-color: #272727
}
.mb-5,
.table {
margin-bottom: 0
}
.table-bordered,
table,
td,
th,
thead {
border: 0!important
}
.panel-body,
.table > tbody > tr.info > td,
.table-striped > tbody > tr {
background-color: #272727
}
tr:last-child {
background-color: #2b2b2b!important
}
a {
color: var(--color-blue)
}
a:hover {
color: var(--color-light-blue)
}
.profile-footer {
background-color: #262626
}
.well {
border: 0;
box-shadow: none;
color: var(--text-color)
}
.block,
.well {
background-color: rgba(30,30,30,.51)
}
.block td {
background-color: #262626!important
}
.block,
.btn-info,
.btn-primary,
.btn-success {
box-shadow: none;
border: 0
}
.btn-danger {
box-shadow: none
}
.label-info,
.label-success {
box-shadow: none;
border: 0
}
.label-danger {
box-shadow: none
}
.btn-default,
.btn-warning,
.decoda-spoiler-button,
.label-default,
.label-primary,
.label-warning {
box-shadow: none;
border: 0
}
.btn-default,
.decoda-spoiler-button {
background-color: var(--color-magenta);
background-image: none
}
.btn-default:hover,
.decoda-spoiler-button:hover {
background-color: var(--color-light-magenta);
background-image: none
}
.label-default {
background-color: #6f6f6f
}
.btn-warning {
background-color: var(--color-yellow);
background-image: none
}
.btn-warning:active,
.btn-warning:hover {
background-color: var(--color-light-yellow);
background-image: none;
box-shadow: none;
border: 0
}
.btn-info,
.label-info {
background-color: var(--color-magenta);
background-image: none
}
.btn-info:active,
.btn-info:hover {
background-color: var(--color-light-magenta);
background-image: none;
box-shadow: none;
border: 0
}
.btn-primary,
.btn-primary:hover,
.label-primary {
background-color: var(--color-purple);
background-image: none
}
.btn-primary:hover {
background-color: var(--color-light-purple);
box-shadow: none;
border: 0
}
.btn-success,
.btn-success:hover,
.label-success {
background-color: var(--color-green);
background-image: none
}
.btn-success:hover {
background-color: var(--color-light-green);
box-shadow: none;
border: 0
}
.text-green {
color: var(--color-light-green)
}
.text-red {
color: var(--color-light-red)
}
.text-orange {
color: var(--color-light-orange)
}
.text-pink {
color: #979
}
.alert-danger,
.btn-danger,
.label-danger,
.panel-danger,
.panel-danger > .panel-heading {
background-color: var(--color-red);
background-image: none;
border: 0
}
.text-danger {
color: var(--color-light-red)
}
.btn-danger:hover {
background-color: var(--color-light-red);
background-image: none
}
.btn-danger:hover,
.container.box {
border: 0;
box-shadow: none
}
tr.success > td {
background-color: #404040!important
}
.container.box,
.torrent-desc {
background-color: #2b2b2b
}
.badge-user {
border: 0;
box-shadow: none;
background-color: #373737
}
.content > .col-md-10 {
border-radius: 10px
}
a.view-torrent,
a.view-torrent:hover {
color: var(--text-color)!important;
background: 0 0;
-webkit-text-fill-color: var(--text-color)
}
.form-control {
background-color: #c6c6c6;
color: #000;
border: 1px solid #000
}
.pagination > .disabled > span,
.pagination > li > a {
background-color: #333;
border: 1px solid #2b2b2b;
color: var(--text-color)
}
.pagination > .active > a,
.pagination > .active > span {
background-color: #252525!important;
border: 1px solid #262626;
color: var(--text-color)
}
.pagination a:hover {
background-color: #252525!important;
border: 0
}
.pagination .active a:hover {
background-color: #252525!important;
border-bottom: 3px solid #252525
}
.movie-title,
.topic .topic-posts .post article.post-content,
aside.post-info {
color: var(--text-color)
}
.decoda-spoiler-content {
border: 0;
background-color: #353535
}
.f-display .f-display-table-wrapper {
background: 0 0
}
.profil {
background: #2b2b2b;
padding: 0
}
.head {
box-shadow: unset
}
aside.post-info {
border: unset!important;
background: 0 0!important;
border-radius: 0!important
}
.post-signature {
background-color: #2b2b2b;
border-top: 2px dashed #555!important
}
#hoeapp-wrapper,
#main-content,
.inner-content {
background-color: #232323
}
.news-blocks,
.news-blocks div,
.news-blocks:hover {
background: 0 0;
border: 0;
color: var(--text-color)
}
.articles .article {
background: #232323;
box-shadow: none
}
ul.comments-list li {
background: #232323
}
.container.box,
label,
ul.comments-list li {
color: var(--text-color)
}
table > tbody > tr {
border-bottom: 1px dotted #404040
}
.ratio-bar .badge-user {
background: #403240
}
span.badge-user {
margin: .25em
}
.btn[name=tip] {
background-color: #333
}
.btn[name=tip]:hover {
background-color: #444
}
.bottom-resize-line:hover {
background-color: #505050!important
}
.wysibb-toolbar-btn.on,
.wysibb-toolbar-btn:hover {
background: #404040!important;
border: 0!important;
box-shadow: none!important
}
.on .btn-inner {
background-color: #404040;
border: 0!important
}
.panel-footer > .badge-extra,
h3 {
color: var(--text-color)
}
.wysibb-textarea {
box-shadow: none!important;
color: var(--text-color)
}
div.stats {
background: #353535
}
.pagination a:hover,
div.stats * {
color: var(--text-color)!important
}
.message-body,
.message-headers {
background-color: #404040;
color: var(--text-color)
}
.message-body {
border-top: 1px dotted #2b2b2b
}
::-webkit-scrollbar {
width: 20px;
background-color: #303030
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #1b1b1b;
border-radius: 10px
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #2b2b2b;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}
i.torrent-icon {
color: #6888bb
}
.panel-default > .panel-heading {
background-color: #454545;
border: 0
}
#l-footer,
.comments {
background-color: #252525
}
.decoda-code,
.decoda-quote {
background-color: #2b2b2b;
color: var(--text-color)
}
.decoda-quote {
background-color: #353535
}
.topic .topic-posts .post article.post-content blockquote {
border: 0;
background-color: #353535;
border-left: 4px solid #575;
color: var(--text-color)
}
.progress {
background-color: #353535;
border: 0
}
.container,
span.badge-user,
strong {
color: var(--text-color)
}
input[id=name] {
margin-bottom: 1em
}
.col-sm-12 {
background-color: unset
}
.mb-5 {
background-color: transparent
}
ul.nav.nav-tabs.mb-5 {
display: flex;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px
}
div.topic-new-post {
background: unset!important
}
.topic-new-post .btn-primary {
margin-top: 10px
}
.members-table tbody tr td .name,
.text-black {
color: var(--text-color)
}
#l-footer {
margin: 0;
background-image: none!important
}
.disk-good {
color: rgba(148,123,204,1);
-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
-moz-animation: neon2 1.5s ease-in-out infinite alternate;
animation: neon2 1.5s ease-in-out infinite alternate
}
.inner-content {
padding-bottom: 20px
}
.col-md-10:first-child {
padding-top: 10px
}
.btn {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
box-shadow: none!important
}
.modal-content {
background-color: #353535;
color: var(--text-color)
}
input,
textarea {
margin-bottom: 1em
}
.mentioned {
background-color: rgba(9,144,255,.42)
}
.mentions {
background-color: rgba(10,255,64,.28)
}
#frame {
background: #262929
}
#frame #sidepanel {
background: #313434;
color: #f5f5f5
}
#frame #sidepanel #profile {
background: #313434
}
#frame #sidepanel #profile .wrap img {
border: 2px solid #e74c3c
}
#frame #sidepanel #profile .wrap img.online {
border: 2px solid #2ecc71
}
#frame #sidepanel #profile .wrap img.away {
border: 2px solid #f1c40f
}
#frame #sidepanel #profile .wrap img.busy {
border: 2px solid #e74c3c
}
#frame #sidepanel #profile .wrap img.offline {
border: 2px solid #95a5a6
}
#frame #sidepanel #profile .wrap i.expand-button {
color: #435f7a
}
#frame #sidepanel #profile .wrap #status-options {
background: #435f7a
}
#frame #sidepanel #profile .wrap #status-options:before {
border-bottom: 8px solid #435f7a
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
background: #496886
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
background: #2ecc71
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
border: 1px solid #2ecc71
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
background: #f1c40f
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
border: 1px solid #f1c40f
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
background: #e74c3c
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
border: 1px solid #e74c3c
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
background: #95a5a6
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
border: 1px solid #95a5a6
}
#frame #sidepanel #bottom-bar button {
background: #313434;
color: #f5f5f5
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
border-right: 1px solid #2c3e50
}
#frame #sidepanel #bottom-bar button:hover {
background: #435f7a
}
#frame .content .contact-profile {
background: #313434;
color: #e5e5e5;
border-bottom: 2px #424242 solid
}
#frame .content .contact-profile .social-media i:hover {
color: #435f7a
}
#frame .content .messages::-webkit-scrollbar {
background: rgba(0,0,0,0)
}
#frame .content .messages::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.3)
}
#frame .content .messages ul li {
border-bottom: 1px dashed #424545
}
#frame .content .messages ul li.sent .messages-container {
background: 0 0;
color: #ddd
}
#frame .content .messages ul li > img {
border: 3px solid #7289da
}
#frame .content .message-input .wrap input {
color: #32465a
}
#frame .content .message-input .wrap input:focus {
outline: 0
}
#frame .content .message-input .wrap .attachment {
color: #435f7a
}
#frame .content .message-input .wrap button {
background: #32465a;
color: #f5f5f5
}
#frame .content .message-input .wrap button:hover {
background: #435f7a
}
.thumbnail {
background-color: rgba(30,30,30,.51);
border: 1px solid #282828
}
.alert-info {
background-color: #446;
border-color: #446
}
.card.is-torrent {
background-color: #171717
}
.card.is-torrent .card_head {
background-color: #171717
}
.card.is-torrent .card_body {
background-color: #000
}
.card.is-torrent .genre-label {
border: .5px solid #222;
border-radius: 5px;
background-color: #1e1e1e;
box-shadow: none
}
.card.is-torrent .card_footer {
background-color: #171717
}
body {
background-color: #181818
}
.btn-danger,
.btn-primary,
.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:active:focus,
.btn:active:hover,
.btn:active:hover:focus,
.btn:focus,
.btn:hover {
background-color: var(--color-light-purple)!important;
background-image: none
}
#hoeapp-wrapper,
#main-content,
.inner-content {
background-color: #181818
}
.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)
}
.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
}
#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-left-header,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a {
background: #1f1f1f
}
#hoeapp-container[hoe-color-type=lpanel-bg5] #hoe-left-panel .panel-list > li > a:hover,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > li > a:focus,
.hoe-right-header .hoe-rheader-submenu > .dropdown-menu > 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
}
.carousel-control > .glyphicon,
i.torrent-icon {
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: #ff8300
}
.notify .heartbit {
border: 4px solid #ff9100
}
.message-sent .message-body,
.message-sent .message-headers,
.message-unread .message-body,
.message-unread .message-headers {
background-color: #404040
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.topic-info,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff
}
.progress-bar {
background-color: #fb8c00;
border-bottom: 4px solid #ef6c00!important
}
select,
select option {
background-color: #454545!important
}
.form-control {
background-color: rgba(255,255,255,.16);
color: #fff;
border: 2px solid rgba(0,0,0,.56)
}
.form-control:focus {
box-shadow: 0 0 5px #ffb74d;
border: 1px solid #ffb74d
}
.form-control > option {
background-color: #616161
}
.decoda-code,
.decoda-quote {
border: 1px solid #ffb74d
}
.decoda-quote {
margin: 0 15px 15px 15px
}
.movie-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 20% 50%,rgba(0,0,0,1) 5.46%,rgba(144,82,3,.46))
}
.disk-good,
.text-info {
color: #f5a623
}
.badge-extra {
border: 1px solid rgba(66,70,92,.61);
border-radius: 0
}
.fa-coins,
.text-danger,
.text-orange,
.text-pink,
.text-purple,
.text-success {
color: #f5a623
}
.alert-danger,
.alert-default,
.alert-info,
.alert-primary,
.alert-success,
.alert-warning,
.btn-info,
.panel-danger,
.panel-danger > .panel-heading,
.panel-default,
.panel-default > .panel-heading,
.panel-info,
.panel-info > .panel-heading,
.panel-primary,
.panel-primary > .panel-heading,
.panel-success,
.panel-success > .panel-heading,
.panel-warning,
.panel-warning > .panel-heading {
background-color: #fb8c00!important
}
.alert {
color: #424242
}
.alert > h2,
.alert > h2 > strong,
.movie-title > a,
.panel > .panel-heading > div > h2,
.panel > .panel-heading > div > h4,
.panel > .panel-heading > h2,
.panel > .panel-heading > h4 {
color: #000
}
.panel-chat > .panel-heading > h4 {
color: #fff
}
.panel-collapse > .panel-heading {
background-color: #1b1b1b!important
}
.badge-user {
border-radius: 0
}
.container.box {
background: #1f1f1f;
box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}
.list-inline {
color: inherit
}
.gradient.blue,
.gradient.green,
.gradient.light_blue,
.gradient.orange,
.gradient.pink,
.gradient.purple,
.gradient.red,
.gradient.silver,
.gradient.teal,
.gradient.yellow {
background-image: radial-gradient(at 90% top,#252621 0,#0a1526 40%)
}
#l-footer,
div.header.blue div.inner_content,
div.header.green div.inner_content,
div.header.light_blue div.inner_content,
div.header.orange div.inner_content,
div.header.pink div.inner_content,
div.header.purple div.inner_content,
div.header.red div.inner_content,
div.header.silver div.inner_content,
div.header.teal div.inner_content,
div.header.yellow div.inner_content {
background-image: url(https://www.themoviedb.org/assets/1/v4/marketing/yellow_pipes-23f075a96627f8fda0450149ee7dcc8f954130dd393e226647f986ae55c6b97a.svg)!important
}
.banner > .fa-headphones:before,
.banner > .fa-rocket:before {
content: "\f30e"
}
.table > tbody > tr > td.text-green {
color: #3fb618!important
}
.table > tbody > tr > td.text-red {
color: var(--color-light-red)!important
}
a {
color: #ff9800
}
a:hover {
color: #ffb74d
}
.nav-tabs > li,
.nav-tabs > li.active {
border: none!important;
background-color: #000!important
}
/* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */
/*
Orange
50 #FFF3E0
100 #FFE0B2
200 #FFCC80
300 #FFB74D
400 #FFA726
500 #FF9800
600 #FB8C00
700 #F57C00
800 #EF6C00
900 #E65100
A100 #FFD180
A200 #FFAB40
A400 #FF9100
A700 #FF6D00
*/
:root {
--color-light-blue: #FFB74D; /* Orange 300 */
--color-light-green: #FFB74D; /* Orange 300 */
--color-light-magenta: #FFB74D; /* Orange 300 */
--color-light-purple:#FFB74D; /* Orange 300 */
--color-blue: #FF9800; /* Orange 500 */
--color-red: #EF6C00; /* Orange 800 */
--color-dark-green: #EF6C00; /* Orange 800 */
--color-green: #FF9800; /* Orange 500 */
--color-magenta: #FB8C00; /* Orange 600 */
--color-yellow: #FF9800; /* Orange 500 */
--color-purple: #FF6D00; /* Orange A700 */
--color-dark-blue: #181818;
--color-dark-red: #181818;
}
body {
background-color: #181818;
}
.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: #181818;
}
.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: #FF8300;
}
.notify .heartbit {
border: 4px solid #FF9100;
}
.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: #FB8C00;
border-bottom: 4px solid #EF6C00 !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 #FFB74D;
border: 1px solid #FFB74D;
}
.form-control > option {
background-color: #616161;
}
.decoda-code, .decoda-quote {
border: 1px solid #FFB74D;
}
.decoda-quote {
margin: 0 15px 15px 15px;
}
.movie-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(144, 82, 3, 0.46));
}
.text-info,
.disk-good {
color: #F5A623;
}
.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: #F5A623;
}
.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: #FB8C00 !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: radial-gradient(at 90% top, #252621 0%, #0a1526 40%);
}
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: url("https://www.themoviedb.org/assets/1/v4/marketing/yellow_pipes-23f075a96627f8fda0450149ee7dcc8f954130dd393e226647f986ae55c6b97a.svg") !important;
}
/* jack-o-lantern */
.banner > .fa-rocket:before,
.banner > .fa-headphones:before {
content: "\f30e";
}
/* 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: #FF9800;
}
a:hover {
color: #FFB74D;
}
.nav-tabs>li, .nav-tabs>li.active {
border:none !important;
background-color: #000 !important;
}
:root{--color-light-blue:#FFB74D;--color-light-green:#FFB74D;--color-light-magenta:#FFB74D;--color-light-purple:#FFB74D;--color-blue:#FF9800;--color-red:#EF6C00;--color-dark-green:#EF6C00;--color-green:#FF9800;--color-magenta:#FB8C00;--color-yellow:#FF9800;--color-purple:#FF6D00;--color-dark-blue:#181818;--color-dark-red:#181818}body{background-color:#181818}.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:#181818}.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)}.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:#FF8300}.notify .heartbit{border:4px solid #FF9100}.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:#FB8C00;border-bottom:4px solid #EF6C00!important}select,select option{background-color:#454545!important}.form-control{background-color:rgba(255,255,255,.16);color:#fff;border:2px solid rgba(0,0,0,.56)}.form-control:focus{box-shadow:0 0 5px #FFB74D;border:1px solid #FFB74D}.form-control>option{background-color:#616161}.decoda-code,.decoda-quote{border:1px solid #FFB74D}.decoda-quote{margin:0 15px 15px 15px}.movie-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,1) 5.46%,rgba(144,82,3,.46))}.text-info,.disk-good{color:#F5A623}.badge-extra{border:1px solid rgba(66,70,92,.61);border-radius:0}.text-purple,.text-orange,.text-danger,.text-success,.text-pink,.fa-coins{color:#F5A623}.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:#FB8C00!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:0}.container.box{background:#1f1f1f;box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.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:radial-gradient(at 90% top,#252621 0%,#0a1526 40%)}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:url(https://www.themoviedb.org/assets/1/v4/marketing/yellow_pipes-23f075a96627f8fda0450149ee7dcc8f954130dd393e226647f986ae55c6b97a.svg)!important}.banner>.fa-rocket:before,.banner>.fa-headphones:before{content:"\f30e"}.table>tbody>tr>td.text-green{color:#3fb618!important}.table>tbody>tr>td.text-red{color:var(--color-light-red)!important}a{color:#FF9800}a:hover{color:#FFB74D}.nav-tabs>li,.nav-tabs>li.active{border:none!important;background-color:#000!important}
@werrpy
Copy link
Author

werrpy commented Oct 1, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment