Files
pism/app/src/main/resources/style/dark.css
Bas Antonius de Jong 38f50cc16d Event bus now testable, improved UI (#284)
* turn updates

* smalle fixes aan turn updates

* better human/ai selector with bot selection and depth on TicTacToeAIR

* depth + thinktime back to AIs, along with a a specific TicTacToeAIRSleep

* fixed overlapping back and disconnect buttons

* Changed to debug instead of info

* changed the transitionNextCustom to be easier to use

* added getAllWidgets to WidgetContainer

* Correct back view

* added replacePrevious in ViewWidget

* added removeIndexFromPreviousChain

* fixed incorrect index counting

* Fixt wrong view order

* Removed todo

* Challenge popups "Fixed"

* Popups now remove themselves

* localize the ChallengePopup text

* made the game text a header instead

* fixed getAllWidgets

* Escape popup

* fixed redundant container

* Escape remove popup

* Working escape menu

* Added find functionality

* Tutorials moved to escape menu

* Escape can't be opened in mainview now

* Can now test the event bus, created testable interfaces

* Logging errors

* Made events and handlers more generic

* Suppress

* Managers now have changeable eventbus

* Tutorials fixed

* Removed import

* Single threaded eventbus

* Fixed wrong eventbus

* Removed get

* Removed old code

* Renaming

* Optimization

* Removed useless comment

* Removed unnecessary imports

* Rename

* Renaming, refactor and type safety

* Rename

* Removed import

---------

Co-authored-by: michiel301b <m.brands.3@st.hanze.nl>
Co-authored-by: ramollia <>
2025-12-07 17:38:34 +01:00

210 lines
3.7 KiB
CSS

.bg-primary {
-fx-background-color: linear-gradient(to bottom, #2a3a45, #1c2730);
}
.bg-secondary {
-fx-background-color: linear-gradient(to bottom, #3b4a57, #2a3742);
}
.bg-popup {
-fx-background-color: rgba(20, 40, 55, 0.9);
-fx-background-radius: 8;
-fx-effect: dropshadow(gaussian, #224455cc, 8, 0, 0, 2);
}
.song-display {
-fx-padding: 8 12 8 12;
-fx-spacing: 6px;
-fx-alignment: center;
-fx-min-width: 220px;
-fx-max-width: 260px;
}
.song-title {
-fx-font-size: 14px;
-fx-fill: white;
}
.progress-bar {
-fx-pref-width: 200px;
-fx-accent: red;
}
.progress-bar > .track {
-fx-background-radius: 30;
}
.progress-bar > .bar {
-fx-background-radius: 30px;
}
.loading-progress-bar {
-fx-progress-color: #3caf3f;
}
.loading-progress-bar > .bar {
-fx-background-color: #3caf3f;
}
.loading-progress-bar > .track {
-fx-background-color: rgba(0,0,0,0.15);
}
.progress-text {
-fx-font-size: 11px;
-fx-fill: white;
}
.skip-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: white;
}
.skip-button .text {
-fx-fill: white;
}
.pause-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: white;
}
.pause-button .text {
-fx-fill: white;
}
.previous-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: white;
}
.previous-button .text {
-fx-fill: white;
}
.button {
-fx-background-color: linear-gradient(to bottom, #1f5e20, #2e7d2e);
-fx-background-radius: 8;
-fx-border-color: #3caf3f;
-fx-cursor: hand;
-fx-effect: dropshadow(gaussian, #3caf3fdd, 6, 0, 0, 2);
-fx-text-fill: #e0f2e9;
-fx-font-weight: bold;
}
.button:hover {
-fx-background-color: linear-gradient(to bottom, #44a044, #57b257);
-fx-border-color: #2f7d2f;
}
.combo-box {
-fx-background-color: linear-gradient(to bottom, #3c5155, #2a3a3e);
-fx-background-radius: 6;
-fx-border-color: #3caf3f;
-fx-cursor: hand;
}
.combo-box:hover {
-fx-border-color: #55a755;
}
.combo-box:focused {
-fx-border-color: #88cc88;
-fx-effect: dropshadow(gaussian, #88cc8899, 5, 0, 0, 1);
}
.combo-box .arrow,
.combo-box .arrow-button {
-fx-background-color: transparent;
-fx-border-color: transparent;
}
.combo-box .list-cell {
-fx-background-color: transparent;
-fx-text-fill: #a8d0a8;
}
.combo-box .list-view {
-fx-background-color: #264233;
-fx-background-radius: 6;
-fx-border-color: #3caf3f;
}
.combo-box-popup .list-cell {
-fx-text-fill: #a8d0a8;
}
.combo-box-popup .list-cell:hover {
-fx-background-color: #44a044;
}
.combo-box-popup .list-cell:selected {
-fx-background-color: #2e7d2e;
-fx-text-fill: #e0f2e9;
}
.input {
-fx-background-color: linear-gradient(to bottom, #1f3a3b, #124040);
-fx-background-radius: 6;
-fx-border-color: #3caf3f;
-fx-text-fill: #a8d0a8;
-fx-font-weight: normal;
}
.input:hover {
-fx-border-color: #55a755;
}
.input:focused {
-fx-border-color: #88cc88;
-fx-effect: dropshadow(gaussian, #88cc8899, 5, 0, 0, 1);
}
.text.my-turn {
-fx-fill: #e05656;
-fx-font-weight: bold;
}
.separator .line {
-fx-border-color: #55a755;
-fx-opacity: 1;
}
.slider {
-fx-background-color: transparent;
}
.slider .thumb {
-fx-background-color: linear-gradient(to bottom, #2e7d2e, #44a044);
-fx-background-radius: 50%;
-fx-effect: dropshadow(gaussian, #3caf3fdd, 5, 0, 0, 1);
}
.slider .thumb:hover {
-fx-scale-x: 1.15;
-fx-scale-y: 1.15;
}
.slider .track {
-fx-background-color: linear-gradient(to left, #57b257, #e05c5c);
-fx-background-insets: 0;
-fx-background-radius: 6;
}
.text {
-fx-fill: #a8d0a8;
-fx-font-weight: normal;
-fx-text-fill: #a8d0a8;
}
.header {
-fx-fill: #88cc88;
-fx-font-weight: bold;
-fx-text-fill: #88cc88;
}