1.
/* Container */
2.
.sp-dark.sp-container {
3.
background-color: #333;
4.
border: solid 1px #555;
5.
}
6.
7.
/* Replacer (the little preview div that shows up instead of the <input>) */
8.
.sp-dark.sp-replacer {
9.
border: solid 1px #fff;
10.
background: #333;
11.
color: #eee;
12.
vertical-align: middle;
13.
}
14.
.sp-replacer:hover, .sp-replacer.sp-active {
15.
border-color: #F0C49B;
16.
color: #fff;
17.
}
18.
.sp-replacer.sp-disabled {
19.
border-color: silver;
20.
color: silver;
21.
}
22.
.sp-dark .sp-preview {
23.
border: solid 1px #999;
24.
}
25.
.sp-dark .sp-cancel {
26.
color: #f99f9f !important;
27.
}
28.
29.
.sp-dark, .sp-dark button, .sp-dark input, .sp-color, .sp-hue {
30.
31.
}
32.
33.
/* Input */
34.
.sp-dark .sp-input-container {
35.
36.
}
37.
.sp-dark .sp-initial-disabled .sp-input-container {
38.
39.
}
40.
.sp-dark .sp-input {
41.
42.
}
43.
.sp-dark .sp-input:focus {
44.
45.
}
46.
.sp-dark .sp-input.sp-validation-error {
47.
48.
}
49.
50.
.sp-dark .sp-picker-container , .sp-dark .sp-palette-container {
51.
52.
}
53.
.sp-dark .sp-picker-container {
54.
55.
}
56.
57.
/* Palettes */
58.
.sp-dark .sp-palette-container {
59.
60.
}
61.
62.
.sp-dark .sp-palette .sp-thumb-el {
63.
64.
}
65.
.sp-dark .sp-palette .sp-thumb-el:hover, .sp-dark .sp-palette .sp-thumb-el.sp-thumb-active {
66.
67.
}
68.
.sp-dark .sp-thumb-el {
69.
}
70.
71.
/* Initial */
72.
.sp-dark .sp-initial {
73.
74.
}
75.
.sp-dark .sp-initial span {
76.
77.
}
78.
79.
/* Buttons */
80.
.sp-dark .sp-button-container {
81.
82.
}
83.
84.
/* Replacer (the little preview div that shows up instead of the <input>) */
85.
.sp-dark.sp-replacer {
86.
87.
}
88.
.sp-dark.sp-replacer:hover, .sp-dark.sp-replacer.sp-active {
89.
border-color: #F0C49B;
90.
color: #111;
91.
}
92.
.sp-dark.sp-replacer.sp-disabled {
93.
94.
}
95.
.sp-dark .sp-dd {
96.
97.
}
98.
99.
100.
101.
.sp-dark .sp-preview {
102.
103.
}
104.
.sp-dark .sp-palette {
105.
106.
}
107.
.sp-dark .sp-palette .sp-thumb-el {
108.
109.
}
110.
111.
.sp-dark button {
112.
113.
}
114.
.sp-dark button:hover {
115.
116.
}
117.
.sp-dark button:active {
118.
119.
}
120.
.sp-dark .sp-cancel {
121.
122.
}
123.
.sp-dark .sp-cancel:hover {
124.
125.
}
126.
.sp-dark .sp-palette span:hover, .sp-dark .sp-palette span.sp-thumb-active {
127.
128.
}
129.