MAM/VPR-Frontend
3
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refactor the main-view.css

Browse Source
This commit is contained in:
Alex Aleksej Rechtin 2022-02-07 11:42:03 +01:00
parent a29f6d204f
commit f3a7ce21cc
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/app/src/main/resources/main/main-view.css
View File

@ -1,66 +1,70 @@
/*Alex Rechtin, Marco Kühn*/ /*Alex Rechtin, Marco Kühn*/
* { * {
-fx-base-background-color: #2B2D42; -fx-dark-background-color: #525E74;
-fx-base1-background-color: #525E74; -fx-darkest-background-color: #2B2D42;
-fx-main-border-color: #B0B0B0; -fx-bright-background-color: #77859E;
-fx-main-text-color: #ffffff; -fx-brighter-background-color: #282C34 ;
-fx-brightest-background-color: #333333 ;
-fx-bright-border-color: #B0B0B0;
-fx-brighter-text-color: #ffffff;
} }
GridPane{ GridPane{
-fx-background-color: -fx-base-background-color; -fx-background-color: -fx-darkest-background-color;
} }
.main-panel{ .main-panel{
-fx-background-color: #282C34; -fx-background-color: -fx-brighter-background-color;
} }
.vbox-main{ .vbox-main{
-fx-background-color: #333333; -fx-background-color: -fx-brightest-background-color;
-fx-alignment: top-center; -fx-alignment: top-center;
} }
.gridCalendar Line{ .gridCalendar Line{
-fx-stroke: -fx-main-border-color; -fx-stroke: -fx-bright-border-color;
} }
.gridCalender{ .gridCalender{
-fx-background-color: -fx-base-background-color; -fx-background-color: -fx-darkest-background-color;
-fx-min-height: 80px; -fx-min-height: 80px;
-fx-max-height: 80px; -fx-max-height: 80px;
} }
.labelMonth{ .labelMonth{
-fx-padding: 0 0 0 20; -fx-padding: 0 0 0 20;
-fx-background-color: #77859E; -fx-background-color: -fx-bright-background-color;
-fx-font-size: 35px; -fx-font-size: 35px;
-fx-font-weight: bold; -fx-font-weight: bold;
} }
.scrollDays{ .scrollDays{
-fx-background-color: -fx-base-background-color; -fx-background-color: -fx-darkest-background-color;
-fx-border-color: -fx-main-border-color; -fx-border-color: -fx-bright-border-color;
} }
.vBoxDays{ .vBoxDays{
-fx-background-color: -fx-base-background-color; -fx-background-color: -fx-darkest-background-color;
} }
.labelDays{ .labelDays{
-fx-alignment: center; -fx-alignment: center;
-fx-background-color: -fx-base1-background-color; -fx-background-color: -fx-dark-background-color;
-fx-font-size: 25px; -fx-font-size: 25px;
-fx-border-color: -fx-main-border-color; -fx-border-color: -fx-bright-border-color;
} }
Label{ Label{
-fx-text-fill: -fx-main-text-color; -fx-text-fill: -fx-brighter-text-color;
} }
.event{ .event{
-fx-background-color: -fx-base1-background-color; -fx-background-color: -fx-dark-background-color;
} }
.main-btn{ .main-btn{
@ -77,7 +81,7 @@ Label{
} }
.buttonBox{ .buttonBox{
-fx-background-color: #77859E; -fx-background-color: -fx-bright-background-color;
} }
.navBtn{ .navBtn{