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

adjust console colors

Browse source
This commit is contained in:
catarak 2016-09-14 12:53:25 -04:00 committed by Cassie Tarakajian
parent 900f01c2d5
commit e540031678
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
client/styles/components/_console.scss
View file

@ -1,7 +1,9 @@
.preview-console { .preview-console {
@include themify() {
background: getThemifyVariable('console-background-color');
}
width: 100%; width: 100%;
height: 100%; height: 100%;
background: $console-light-background-color;
z-index: 1000; z-index: 1000;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -14,7 +16,9 @@
// assign styles to different types of console messages // assign styles to different types of console messages
.preview-console__log { .preview-console__log {
color: $dark-secondary-text-color; @include themify(){
color: getThemifyVariable('secondary-text-color');
}
flex: 1 0 auto; flex: 1 0 auto;
} }
@ -30,7 +34,9 @@
} }
.preview-console__header { .preview-console__header {
background-color: $console-header-background-color; @include themify() {
background-color: getThemifyVariable('console-header-background-color');
}
color: $console-header-color; color: $console-header-color;
padding: #{5 / $base-font-size}rem; padding: #{5 / $base-font-size}rem;
display: flex; display: flex;