mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-04-03 10:22:40 +00:00
Code Issues Releases Wiki Activity

Make IDE header more... subtle in it's glory

Browse Source
This commit is contained in:
Kristóf Tóth 2018-07-21 13:51:20 +02:00
parent 2ebd86aa08
commit 7c4296583c
1 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/ide/ide.component.scss
View File

@ -6,6 +6,7 @@
.tfw-grid-ide-statusbar { .tfw-grid-ide-statusbar {
display: grid; display: grid;
grid-template-columns: 8fr 1fr; grid-template-columns: 8fr 1fr;
background-color: #353535;
} }
.tfw-ide-editor { .tfw-ide-editor {
@ -14,17 +15,13 @@
overflow: hidden; overflow: hidden;
} }
.btn-group {
padding-bottom: 1em;
}
.underline { .underline {
text-decoration: underline; text-decoration: underline;
} }
.tfw-tab-btn { .tfw-tab-btn {
background-color: gray; background-color: #333333;
color: $tao-gray-600; color: $tao-gray-400;
border-radius: 0; border-radius: 0;
padding: 0.5em 0.7em; padding: 0.5em 0.7em;
z-index: 200; z-index: 200;
@ -33,9 +30,8 @@
.active, .active,
.disabled, .disabled,
&:disabled { &:disabled {
background-color: white; background-color: #131313; // matches vscode dark theme with disbled gray
font-weight: bolder; color: white;
color: black;
} }
} }