Replaced the text gradient with a simple white color on the Dark theme.

Fixes tsquillario/Jamstash#217
This commit is contained in:
Hyzual 2015-07-14 15:28:36 +02:00
parent 0b39efd461
commit 9e0b28a463

View file

@ -1,4 +1,4 @@
body body
{ {
background: #222222; background: #222222;
color: #d6d469; color: #d6d469;
@ -19,7 +19,7 @@ span.apiversion
color: #ffffff; color: #ffffff;
} }
#content #content
{ {
background: #222222; background: #222222;
} }
@ -57,29 +57,29 @@ ul.tablist li {
.leftsubsection { .leftsubsection {
border-top: 1px solid #171717; border-top: 1px solid #171717;
} }
#nav a #nav a
{ {
color: #7C7C7C; color: #7C7C7C;
background: #272727; background: #272727;
border: 1px solid #232323; border: 1px solid #232323;
border-bottom: none; border-bottom: none;
} }
#nav a:hover #nav a:hover
{ {
color: #545454; color: #545454;
border: 1px solid #1D1D1D; border: 1px solid #1D1D1D;
border-bottom: none; border-bottom: none;
} }
#nav a.active #nav a.active
{ {
color: #545454; color: #545454;
background: #323232; background: #323232;
border: 1px solid #1D1D1D; border: 1px solid #1D1D1D;
border-bottom: none; border-bottom: none;
} }
#nav a.active:hover #nav a.active:hover
{ {
color: #545454; color: #545454;
border: 1px solid #1D1D1D; border: 1px solid #1D1D1D;
border-bottom: none; border-bottom: none;
} }
@ -105,7 +105,7 @@ ul.tablist li {
border-top: 1px solid #1d1d1d; border-top: 1px solid #1d1d1d;
border-left: 1px solid #1d1d1d; border-left: 1px solid #1d1d1d;
} }
.status a .status a
{ {
color: #d6d469; color: #d6d469;
} }
@ -121,18 +121,18 @@ ul.tablist li {
.vertshade { .vertshade {
background: -webkit-gradient(linear, left top, right top, from(rgba(46, 46, 46, 0)), to(rgba(46, 46, 46, 1))); background: -webkit-gradient(linear, left top, right top, from(rgba(46, 46, 46, 0)), to(rgba(46, 46, 46, 1)));
} }
.horizshade .horizshade
{ {
background: -webkit-gradient(linear, center top, center bottom, from(rgba(46, 46, 46, 0)), to(rgba(46, 46, 46, 1))); background: -webkit-gradient(linear, center top, center bottom, from(rgba(46, 46, 46, 0)), to(rgba(46, 46, 46, 1)));
} }
#songdetails #songdetails
{ {
border: solid 1px #323232; border: solid 1px #323232;
} }
#songdetails.hover #songdetails.hover
{ {
border: solid 1px #212121; border: solid 1px #212121;
background: -webkit-gradient(linear, center top, center bottom, from(rgba(46, 46, 46, 0)), to(rgba(34, 34, 34, .4))); background: -webkit-gradient(linear, center top, center bottom, from(rgba(46, 46, 46, 0)), to(rgba(34, 34, 34, .4)));
} }
#songdetails ul { #songdetails ul {
color: #F2F2F2; color: #F2F2F2;
@ -159,7 +159,7 @@ a.button {
} }
a.button:hover { a.button:hover {
color: #939393; color: #939393;
-moz-box-shadow: 0 2px 0 rgba(242, 242, 242, 0.2) -moz-box-shadow: 0 2px 0 rgba(242, 242, 242, 0.2)
-webkit-box-shadow:0 2px 5px rgba(242, 242, 242, 0.2); -webkit-box-shadow:0 2px 5px rgba(242, 242, 242, 0.2);
box-shadow: 0 1px 2px rgba(242, 242, 242, 0.15); box-shadow: 0 1px 2px rgba(242, 242, 242, 0.15);
border-color: #5a5a5a; border-color: #5a5a5a;
@ -171,7 +171,7 @@ a.button:active {
a.selected { a.selected {
color: #939393; color: #939393;
border-color: #5a5a5a; border-color: #5a5a5a;
-moz-box-shadow: 0 2px 0 rgba(242, 242, 242, 0.2) -moz-box-shadow: 0 2px 0 rgba(242, 242, 242, 0.2)
-webkit-box-shadow:0 2px 5px rgba(242, 242, 242, 0.2); -webkit-box-shadow:0 2px 5px rgba(242, 242, 242, 0.2);
box-shadow: 0 1px 2px rgba(242, 242, 242, 0.15); box-shadow: 0 1px 2px rgba(242, 242, 242, 0.15);
background: #161616; background: #161616;
@ -215,10 +215,10 @@ ul.simplelist li.selected
{ {
background-color: #3A3A3A; background-color: #3A3A3A;
} }
#BreadCrumb #BreadCrumb
{ {
color: #D6D469; color: #D6D469;
background: #222222; background: #222222;
} }
#BreadCrumb a #BreadCrumb a
{ {
@ -235,7 +235,7 @@ ul.simplelist li.selected
} }
ul.songlist th { ul.songlist th {
color: #F2F2F2; color: #F2F2F2;
border-bottom: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e;
background: #2E2E2E; background: #2E2E2E;
} }
ul.songlist th:hover, ul.songlist th.sorted { ul.songlist th:hover, ul.songlist th.sorted {
@ -245,7 +245,7 @@ ul.songlist li.album:hover
{ {
background: #1d1d1d; background: #1d1d1d;
} }
ul.songlist li.album ul.songlist li.album
{ {
border-bottom: 1px solid #232323; border-bottom: 1px solid #232323;
} }
@ -259,9 +259,7 @@ ul.songlist li.album .albumart img
} }
ul.songlist .albumgrid .title ul.songlist .albumgrid .title
{ {
background: -webkit-linear-gradient(right, #2e2e2e 0%, #fff 40%); color: #f2f2f2;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
ul.songlist li.row { ul.songlist li.row {
border-bottom: 1px solid #232323; border-bottom: 1px solid #232323;
@ -285,7 +283,7 @@ ul.songlist li.row td.album a
ul.songlist li.row td.album a:hover ul.songlist li.row td.album a:hover
{ {
color: #d6d469; color: #d6d469;
text-decoration: underline; text-decoration: underline;
} }
ul.songlist li:nth-child(odd) { background-color: #272727; } ul.songlist li:nth-child(odd) { background-color: #272727; }
ul.songlist li:nth-child(even) { background-color: #2e2e2e; } ul.songlist li:nth-child(even) { background-color: #2e2e2e; }
@ -297,12 +295,12 @@ ul.songlist li.selected
background-color: #3a3a3a; background-color: #3a3a3a;
border-bottom: 1px solid #232323; border-bottom: 1px solid #232323;
} }
#submenu_CurrentPlaylist #submenu_CurrentPlaylist
{ {
background: #2E2E2E; background: #2E2E2E;
border: solid 1px #212121; border: solid 1px #212121;
} }
ul.preferences li em ul.preferences li em
{ {
background: none repeat scroll 0 0 #1d1d1d; background: none repeat scroll 0 0 #1d1d1d;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
@ -332,7 +330,7 @@ label
border: 1px solid #1A1A1A; border: 1px solid #1A1A1A;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
background: #252525; background: #252525;
/* /*
@ -347,10 +345,10 @@ label
border-radius: 10px; border-radius: 10px;
/*background: #030303;*/ /*background: #030303;*/
background: #bbb; background: #bbb;
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
} }
::-webkit-scrollbar-thumb:window-inactive { ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(34, 34, 34, 0.2); background: rgba(34, 34, 34, 0.2);
} }
.ui-layout-resizer { .ui-layout-resizer {
background: #232323 !important; background: #232323 !important;
@ -397,4 +395,4 @@ label
.ui-state-default { background-color: #252525; } .ui-state-default { background-color: #252525; }
.ui-state-hover { background-color: #1a1a1a; } .ui-state-hover { background-color: #1a1a1a; }
.ui-state-highlight { background-color: #252525; } .ui-state-highlight { background-color: #252525; }
.ui-state-error { background-color: #eaa; } .ui-state-error { background-color: #eaa; }