oysteikt-skolearbeid/TDT4100-project
oysteikt-skolearbeid/TDT4100-project
1
0
Fork 0
Code Issues Pull Requests Activity

Restyle to banana theme

Browse Source
This commit is contained in:
Oystein Kristoffer Tveit 2021-02-20 13:11:45 +01:00
parent 7fba05d279
commit 8d00a00804
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/main/resources/styling/app.css
View File

@ -13,6 +13,8 @@
-main-blue-color: #66d9ef; -main-blue-color: #66d9ef;
-main-magenta-color: #ae81ff; -main-magenta-color: #ae81ff;
-main-cyan-color: #a1efe4; -main-cyan-color: #a1efe4;
-banana-focus-color: #fffb00;
} }
.root { .root {
@ -63,18 +65,27 @@
} }
.menu-bar, .menu-item-separator{ .menu-bar, .menu-item-separator {
-fx-background-color: -dark-bg-color; -fx-background-color: -dark-bg-color;
-fx-text-fill: -main-fg-color; -fx-text-fill: -main-fg-color;
} }
.menu, .menu-item{ .menu, .menu-item {
-fx-background-color: -main-bg-color; -fx-background-color: -main-bg-color;
-fx-text-fill: -main-fg-color; -fx-text-fill: -main-fg-color;
} }
.menu > * > .arrow {
-fx-background-color: -main-fg-color;
}
.menu-item:focused { .menu-item:focused {
-fx-background-color: -main-blue-color; -fx-background-color: -banana-focus-color;
-fx-text-fill: -dark-bg-color;
}
.menu-item:focused .label {
-fx-text-fill: -dark-bg-color;
} }
/* Menuitems visible in top of window */ /* Menuitems visible in top of window */
@ -157,12 +168,21 @@
} }
.tree-view:focused .tree-cell:focused { .tree-view:focused .tree-cell:focused {
-fx-background-color: -main-blue-color; -fx-background-color: -banana-focus-color;
-fx-text-fill: -dark-bg-color;
}
.tree-cell > .tree-disclosure-node > .arrow {
-fx-background-color: -main-fg-color;
}
.tree-view:focused .tree-cell:focused > .tree-disclosure-node > .arrow {
-fx-background-color: -dark-bg-color;
} }
.tree-cell:filled:selected{ .tree-cell:filled:selected{
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-border-color: -main-blue-color; -fx-border-color: -banana-focus-color;
-fx-border-width: 3; -fx-border-width: 3;
} }