Skip to content

Commit a7ec40a

Browse files
committed
feat(backgroundlayers): adds dark values
1 parent abc0e68 commit a7ec40a

File tree

1 file changed

+10
-1
lines changed

1 file changed

+10
-1
lines changed

components/backgroundlayers/index.css

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,25 @@ governing permissions and limitations under the License.
2121
--spectrum-backgroundlayers-shadow-vertical: 0;
2222
--spectrum-backgroundlayers-shadow-blur: 5px;
2323
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-200);
24-
24+
.spectrum--dark & {
25+
--spectum-backgroundlayers-background-color: var(--spectrum-gray-75);
26+
--spectrum-backgroundlayers-shadow-color: var(--spectrum-gray-100);
27+
}
2528
}
2629
.spectrum-BackgroundLayers--layer2 {
2730
--spectum-backgroundlayers-background-color: var(--spectrum-gray-25);
31+
.spectrum--dark & {
32+
--spectum-backgroundlayers-background-color: var(--spectrum-gray-75);
33+
}
2834
}
2935
.spectrum-BackgroundLayers--layer1 {
3036
--spectum-backgroundlayers-background-color: var(--spectrum-gray-50);
3137
}
3238
.spectrum-BackgroundLayers--pasteboard {
3339
--spectum-backgroundlayers-background-color: var(--spectrum-gray-100);
40+
.spectrum--dark & {
41+
--spectum-backgroundlayers-background-color: var(--spectrum-gray-25);
42+
}
3443
}
3544
.spectrum-BackgroundLayers--base {
3645
--spectum-backgroundlayers-background-color: var(--spectrum-gray-25);

0 commit comments

Comments
 (0)