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

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

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

1
client/styles/main.scss
View file

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