topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

what a cluster fuck..

pull/226/head
gilbN 4 years ago
parent
ce05c32d3e
commit
319d7b8293
1 changed files with 50 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 81
      CSS/themes/deluge/deluge-base.css

81
CSS/themes/deluge/deluge-base.css
View File

@ -18,7 +18,7 @@
html { html {
background: var(--main-bg-color); background: var(--main-bg-color);
color: #FFF; color: var(--text);
font-family: 'Roboto', sans-serif !important; font-family: 'Roboto', sans-serif !important;
} }
@ -73,7 +73,7 @@
} }
.x-item-disabled * { .x-item-disabled * {
color: #aaaaaa !important; color: var(--text-muted) !important;
} }
.x-splitbar-proxy { .x-splitbar-proxy {
@ -278,20 +278,20 @@
.x-tab-strip span.x-tab-strip-text { .x-tab-strip span.x-tab-strip-text {
font:normal 11px 'Roboto', tahoma,arial,helvetica; font:normal 11px 'Roboto', tahoma,arial,helvetica;
color:#aaaaaa; color:var(--text);
} }
.x-tab-strip-over span.x-tab-strip-text { .x-tab-strip-over span.x-tab-strip-text {
color:#ffffff; color: var(--text-hover);
} }
.x-tab-strip-active span.x-tab-strip-text { .x-tab-strip-active span.x-tab-strip-text {
color:#cccccc; color:var(--text-hover) !important;
font-weight:bold; font-weight:bold;
} }
.x-tab-strip-disabled .x-tabs-text { .x-tab-strip-disabled .x-tabs-text {
color:#aaaaaa; color: var(--text-muted);
} }
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
@ -303,6 +303,11 @@
margin-left: 2px; margin-left: 2px;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
} }
#torrentDetails dl dt, dl.singleline dt {
color: var(--text-hover) !important;
}
.x-tab-strip-bottom .x-tab-right { .x-tab-strip-bottom .x-tab-right {
//background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif); //background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
} }
@ -482,9 +487,13 @@
.x-fieldset legend { .x-fieldset legend {
font:bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif; font:bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
color:#ffffff; color: var(--text-hover);
} }
.x-window-draggable, .x-window-draggable .x-window-header-text {
color: var(--text-hover);
}
.x-panel-tbar .icon-add { .x-panel-tbar .icon-add {
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 0 !important; background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/add.png) no-repeat 0 0 !important;
width: 24px !important; width: 24px !important;
@ -667,12 +676,12 @@
} }
#tbar-deluge-text.x-item-disabled * { #tbar-deluge-text.x-item-disabled * {
color: white !important; color: var(--text) !important;
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
} }
#tbar-deluge-text * { #tbar-deluge-text * {
color: white !important; color: var(--text-hover) !important;
} }
/* Buttons hover */ /* Buttons hover */
@ -681,9 +690,11 @@
} }
.x-window-bc .x-window-footer .x-btn { .x-window-bc .x-window-footer .x-btn {
background-color: var(--button-color); background-color: var(--button-color);
color: var(--button-text);
} }
.x-window-bc .x-window-footer .x-btn:hover { .x-window-bc .x-window-footer .x-btn:hover {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--button-text-hover)
} }
.x-form-file-wrap .x-btn { .x-form-file-wrap .x-btn {
position: absolute; position: absolute;
@ -696,11 +707,12 @@
right: 0; right: 0;
z-index: 1; z-index: 1;
background: var(--button-color-hover); background: var(--button-color-hover);
color: var(--button-text-hover)
} }
.x-btn button{ .x-btn button{
font:normal 11px 'Roboto', arial,tahoma,verdana,helvetica; font:normal 11px 'Roboto', arial,tahoma,verdana,helvetica;
color:#ffffff; color: var(--button-text);
} }
.x-btn em { .x-btn em {
@ -965,6 +977,7 @@
.x-grid3-header{ .x-grid3-header{
background-color:rgba(0, 0, 0, 0.25); background-color:rgba(0, 0, 0, 0.25);
background-image: none; background-image: none;
color: var(--text-hover) !important;
} }
.x-grid3-header-pop { .x-grid3-header-pop {
@ -1025,6 +1038,7 @@
background-color:rgba(255, 255, 255, 0.08) !important; background-color:rgba(255, 255, 255, 0.08) !important;
background-image: none; background-image: none;
border-color:transparent; border-color:transparent;
color: var(--text-hover) !important;
} }
.x-grid3-cell-selected{ .x-grid3-cell-selected{
@ -1091,7 +1105,7 @@
} }
.x-grid3-hd-btn, a.x-grid3-hd-btn:hover { .x-grid3-hd-btn, a.x-grid3-hd-btn:hover {
background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, #fff 0%, #fff 0%, #fff 60%, transparent 60%); background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%);
height: 6px !important; height: 6px !important;
width: 8px; width: 8px;
padding: 7px 2px; padding: 7px 2px;
@ -1603,17 +1617,19 @@
} }
a.x-menu-item { a.x-menu-item {
color:#fff; color:var(--text);
} }
.x-menu-item-active { .x-menu-item-active {
background-image: none; background-image: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
border-color:transparent; border-color:transparent;
color: var(--text-hover) !important;
} }
.x-menu-item-active a.x-menu-item { .x-menu-item-active a.x-menu-item {
border-color:transparent; border-color:transparent;
color: var(--text-hover) !important;
} }
.x-menu-check-item .x-menu-item-icon{ .x-menu-check-item .x-menu-item-icon{
@ -1763,7 +1779,7 @@
} }
.x-panel-header { .x-panel-header {
color:#ffffff; color:var(--text-hover);
font-weight:bold; font-weight:bold;
font-size: 11px; font-size: 11px;
font-family: 'Roboto', tahoma,arial,verdana,sans-serif; font-family: 'Roboto', tahoma,arial,verdana,sans-serif;
@ -1829,18 +1845,18 @@
.x-panel-collapsed .x-accordion-hd .x-tool-toggle { .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
height: 8px; height: 8px;
width: 8px; width: 8px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
padding: 2px; padding: 2px;
background: linear-gradient(to bottom, transparent 45%, #fff 45%, #fff 55%, transparent 55%), linear-gradient(to right, transparent 45%, #fff 45%, #fff 55%, transparent 55%); background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
background-clip: content-box; background-clip: content-box;
} }
.x-accordion-hd .x-tool-toggle { .x-accordion-hd .x-tool-toggle {
height: 8px; height: 8px;
width: 8px; width: 8px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
padding: 2px; padding: 2px;
background: linear-gradient(to bottom, transparent 45%, #fff 45%, #fff 55%, transparent 55%);; background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
background-clip: content-box; background-clip: content-box;
} }
@ -1848,8 +1864,8 @@
height: 8px; height: 8px;
width: 6px; width: 6px;
padding: 2px 3px; padding: 2px 3px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, #fff 40%, #fff 100%, #252525 100%); background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%);
background-clip: content-box; background-clip: content-box;
} }
@ -1857,8 +1873,8 @@
height: 8px; height: 8px;
width: 6px; width: 6px;
padding: 2px 3px; padding: 2px 3px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, #fff 40%, #fff 100%, #252525 100%); background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%);
background-clip: content-box; background-clip: content-box;
} }
@ -1866,8 +1882,8 @@
height: 6px !important; height: 6px !important;
width: 8px; width: 8px;
padding: 3px 2px; padding: 3px 2px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, #fff 0%, #fff 0%, #fff 60%, transparent 60%); background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--button-color) 0%, var(--button-color) 0%, var(--button-color) 60%, transparent 60%);
background-clip: content-box; background-clip: content-box;
} }
@ -1875,8 +1891,8 @@
height: 6px; height: 6px;
width: 8px; width: 8px;
padding: 3px 2px; padding: 3px 2px;
border: 1px solid #a7a7a7; border: 1px solid var(--button-color);
background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, #fff 40%, #fff 100%, transparent 100%); background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, var(--button-color) 40%, var(--button-color) 100%, transparent 100%);
background-clip: content-box; background-clip: content-box;
} }
@ -1885,7 +1901,7 @@
width: 8px; width: 8px;
border: 1px solid #44444400; border: 1px solid #44444400;
padding: 2px; padding: 2px;
background: linear-gradient(to bottom right, transparent 45%, #fff 45%, #fff 55%, transparent 55%), linear-gradient(to top right, transparent 45%, #fff 45%, #fff 55%, transparent 55%); background: linear-gradient(to bottom right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to top right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
background-clip: content-box; background-clip: content-box;
} }
@ -2038,7 +2054,7 @@
} }
.x-accordion-hd { .x-accordion-hd {
color:#ffffff; color:var(--text-hover);
font-weight:normal; font-weight:normal;
//background-image: url(../images/gray/panel/light-hd.gif); //background-image: url(../images/gray/panel/light-hd.gif);
} }
@ -2090,25 +2106,27 @@
} }
.x-progress-bar { .x-progress-bar {
background-color:var(--progress-color); background-color: rgb(var(--progress-color));
background-image: none; background-image: none;
border-top-color:transparent; border-top-color:transparent;
border-bottom-color:transparent; border-bottom-color:transparent;
border-right-color:transparent; border-right-color:transparent;
color: var(--label-text-color);
} }
.x-progress-text { .x-progress-text {
font-size:11px; font-size:11px;
font-weight:normal; font-weight:normal;
color:#fff !important; color: var(--label-text-color) !important;
} }
.x-progress-text-back { .x-progress-text-back {
color:#fff !important; color: var(--label-text-color) !important;
} }
.x-list-header { .x-list-header {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
background-image: none; background-image: none;
color: var(--text-hover) !important;
} }
.x-list-header-inner div em { .x-list-header-inner div em {
@ -2126,6 +2144,7 @@
.x-list-selected { .x-list-selected {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text-hover) !important;
} }
.x-list-resizer { .x-list-resizer {

Write Preview
Loading…
Cancel
Save