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, keyboard-shortcut-color: #757575,
nav-hover-color: $p5js-pink, nav-hover-color: $p5js-pink,
error-color: $p5js-pink, error-color: $p5js-pink,
table-row-stripe-color: #d6d6d6,
codefold-icon-open: url(../images/down-arrow.svg), codefold-icon-open: url(../images/down-arrow.svg),
codefold-icon-closed: url(../images/right-arrow.svg) codefold-icon-closed: url(../images/right-arrow.svg)
), ),
@ -111,6 +112,7 @@ $themes: (
keyboard-shortcut-color: #B5B5B5, keyboard-shortcut-color: #B5B5B5,
nav-hover-color: $p5js-pink, nav-hover-color: $p5js-pink,
error-color: $p5js-pink, error-color: $p5js-pink,
table-row-stripe-color: #3f3f3f,
codefold-icon-open: url(../images/down-arrow-white.svg), codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-arrow-white.svg) codefold-icon-closed: url(../images/right-arrow-white.svg)
), ),
@ -159,6 +161,7 @@ $themes: (
keyboard-shortcut-color: #e1e1e1, keyboard-shortcut-color: #e1e1e1,
nav-hover-color: $yellow, nav-hover-color: $yellow,
error-color: $p5-contrast-pink, error-color: $p5-contrast-pink,
table-row-stripe-color: #3f3f3f,
codefold-icon-open: url(../images/down-arrow-white.svg), codefold-icon-open: url(../images/down-arrow-white.svg),
codefold-icon-closed: url(../images/right-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) { 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) { &:nth-child(odd) {
@include themify() { @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) { .sketches-table__row:nth-child(odd) {
@include themify() { @include themify() {
background: getThemifyVariable('console-header-background-color'); background: getThemifyVariable('table-row-stripe-color');
} }
} }