Skip to content

Instantly share code, notes, and snippets.

@werrpy
Last active September 30, 2018 19:38
Show Gist options
  • Save werrpy/00db6ce84a6f3a88e14b80faabbdd57e to your computer and use it in GitHub Desktop.
Save werrpy/00db6ce84a6f3a88e14b80faabbdd57e to your computer and use it in GitHub Desktop.
Halloween Unofficial
/* 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);
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;
}
#alert1{
display:none;
}
: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);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}#alert1{display:none}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment