r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Adds themed table-row-stripe colour to be used globally

Browse source
This commit is contained in:
Andrew Nicolaou 2019-05-22 14:25:19 +02:00 committed by Cassie Tarakajian
parent f54f41e604
commit e210d8ce06
4 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/styles/abstracts/_variables.scss
View file

@ -62,6 +62,7 @@ $themes: (
keyboard-shortcut-color: #757575,
nav-hover-color: $p5js-pink,
error-color: $p5js-pink,
table-row-stripe-color: #d6d6d6,
codefold-icon-open: url(../images/down-arrow.svg),
codefold-icon-closed: url(../images/right-arrow.svg)
),
@ -111,6 +112,7 @@ $themes: (
keyboard-shortcut-color: #B5B5B5,
nav-hover-color: $p5js-pink,
error-color: $p5js-pink,
table-row-stripe-color: #3f3f3f,
codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-arrow-white.svg)
),
@ -159,6 +161,7 @@ $themes: (
keyboard-shortcut-color: #e1e1e1,
nav-hover-color: $yellow,
error-color: $p5-contrast-pink,
table-row-stripe-color: #3f3f3f,
codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-arrow-white.svg)
)

4
client/styles/components/_api-key.scss
View file

@ -50,7 +50,9 @@
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2;
@include themify() {
background: getThemifyVariable('table-row-stripe-color');
}
}
}

2
client/styles/components/_asset-list.scss
View file

@ -35,7 +35,7 @@
&:nth-child(odd) {
@include themify() {
background: getThemifyVariable('console-header-background-color');
background: getThemifyVariable('table-row-stripe-color');
}
}

2
client/styles/components/_sketch-list.scss
View file

@ -28,7 +28,7 @@
.sketches-table__row:nth-child(odd) {
@include themify() {
background: getThemifyVariable('console-header-background-color');
background: getThemifyVariable('table-row-stripe-color');
}
}