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

Since uploader was not present in the imports , the styles were not showin up (#946)

Browse source 
* fixed styles not showing up

* Added theme support

* Fixed Styles

* Fixed styles

* Refactor
This commit is contained in:
siddhant 2019-04-03 00:40:49 +05:30 committed by Cassie Tarakajian
parent 276f115d3f
commit 7ef34e8f59
3 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -17,6 +17,7 @@ $themes: (
light: ( light: (
logo-color: $p5js-pink, logo-color: $p5js-pink,
primary-text-color: #333, primary-text-color: #333,
dropzone-text-color: #333,
modal-button-color: #333, modal-button-color: #333,
heading-text-color: #333, heading-text-color: #333,
secondary-text-color: #a8a8a8, secondary-text-color: #a8a8a8,
@ -65,6 +66,7 @@ $themes: (
dark: ( dark: (
logo-color: $p5js-pink, logo-color: $p5js-pink,
primary-text-color: $white, primary-text-color: $white,
dropzone-text-color: $black,
modal-button-color: $white, modal-button-color: $white,
heading-text-color: $white, heading-text-color: $white,
secondary-text-color: #DADADA, secondary-text-color: #DADADA,
@ -112,6 +114,7 @@ $themes: (
contrast: ( contrast: (
logo-color: $yellow, logo-color: $yellow,
primary-text-color: $yellow, primary-text-color: $yellow,
dropzone-text-color: $black,
modal-button-color: #333, modal-button-color: #333,
heading-text-color: #e1e1e1, heading-text-color: #e1e1e1,
secondary-text-color: #e1e1e1, secondary-text-color: #e1e1e1,

4
client/styles/components/_uploader.scss
View file

@ -1,5 +1,7 @@
.dropzone { .dropzone {
color: $primary-text-color; @include themify() {
color: getThemifyVariable('dropzone-text-color');
}
} }
.uploader { .uploader {

1
client/styles/main.scss
View file

@ -41,6 +41,7 @@
@import 'components/keyboard-shortcuts'; @import 'components/keyboard-shortcuts';
@import 'components/copyable-input'; @import 'components/copyable-input';
@import 'components/feedback'; @import 'components/feedback';
@import 'components/uploader';
@import 'layout/ide'; @import 'layout/ide';
@import 'layout/fullscreen'; @import 'layout/fullscreen';