mirror of
https://github.com/2OOP/pism.git
synced 2026-02-04 10:54:51 +00:00
redesign. add: themes and text size
This commit is contained in:
ramollia
@@ -7,7 +7,6 @@ connect=\u0627\u062a\u0635\u0644
|
||||
credits=\u0627\u0644\u0634\u0643\u0631 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631
|
||||
developers=\u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646
|
||||
fullscreen=\u0643\u0627\u0645\u0644 \u0627\u0644\u0634\u0627\u0634\u0629
|
||||
hint=\u062a\u0644\u0645\u064a\u062d
|
||||
human=\u0627\u0644\u0625\u0646\u0633\u0627\u0646
|
||||
language=\u0627\u0644\u0644\u063a\u0629
|
||||
local=\u0645\u062d\u0644\u064a
|
||||
@@ -32,6 +31,16 @@ volume=\u0627\u0644\u0635\u0648\u062a
|
||||
windowed=\u0646\u0627\u0641\u0630\u064a
|
||||
yes=\u0646\u0639\u0645
|
||||
|
||||
small=\u0635\u063A\u064A\u0631
|
||||
medium=\u0645\u062A\u0648\u0633\u0637
|
||||
large=\u0643\u0628\u064A\u0631
|
||||
dark=\u063A\u0627\u0645\u0642
|
||||
dark-hc=\u063A\u0627\u0645\u0642 (\u062A\u0646\u0627\u0642\u0636 \u0639\u0627\u0644\u064D)
|
||||
light=\u0641\u0627\u062A\u062D
|
||||
light-hc=\u0641\u0627\u062A\u062D (\u062A\u0646\u0627\u0642\u0636 \u0639\u0627\u0644\u064D)
|
||||
layoutSize=\u062D\u062C\u0645 \u0627\u0644\u062A\u0635\u0645\u064A\u0645
|
||||
theme=\u0627\u0644\u0645\u0648\u0636\u0648\u0639
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629
|
||||
chinese=\u4e2d\u6587 (\u0627\u0644\u0635\u064a\u0646\u064a\u0629)
|
||||
dutch=Nederlands (\u0627\u0644\u0647\u0648\u0644\u0646\u062f\u064a\u0629)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Verbinden
|
||||
credits=Credits
|
||||
developers=Entwickler
|
||||
fullscreen=Vollbild
|
||||
hint=Hinweis
|
||||
human=Mensch
|
||||
language=Sprache
|
||||
local=Lokal
|
||||
@@ -32,6 +31,16 @@ volume=Lautst\u00e4rke
|
||||
windowed=Fenstermodus
|
||||
yes=Ja
|
||||
|
||||
small=Klein
|
||||
medium=Mittel
|
||||
large=Gro\u00DF
|
||||
dark=Dunkel
|
||||
dark-hc=Dunkel (Hoher Kontrast)
|
||||
light=Hell
|
||||
light-hc=Hell (Hoher Kontrast)
|
||||
layoutSize=Layout-Gr\u00F6\u00DFe
|
||||
theme=Thema
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Arabisch)
|
||||
chinese=\u4e2d\u6587 (Chinesisch)
|
||||
dutch=Nederlands (Niederl\u00e4ndisch)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Connect
|
||||
credits=Credits
|
||||
developers=Developers
|
||||
fullscreen=Fullscreen
|
||||
hint=Hint
|
||||
human=Human
|
||||
language=Language
|
||||
local=Local
|
||||
@@ -20,7 +19,7 @@ options=Options
|
||||
othello=Othello
|
||||
playerName=Player Name
|
||||
productOwner=Product Owner
|
||||
quit=Quit
|
||||
quit=Quit
|
||||
quitSure=Are you sure?
|
||||
scrumMaster=Scrum Master
|
||||
server=Server
|
||||
@@ -32,6 +31,17 @@ volume=Volume
|
||||
windowed=Windowed
|
||||
yes=Yes
|
||||
|
||||
small=Small
|
||||
medium=Medium
|
||||
large=Large
|
||||
|
||||
dark=Dark
|
||||
dark-hc=Dark (High Contrast)
|
||||
light=Light
|
||||
light-hc=Light (High Contrast)
|
||||
layoutSize=Layout Size
|
||||
theme=Theme
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Arabic)
|
||||
chinese=\u4e2d\u6587 (Chinese)
|
||||
dutch=Nederlands (Dutch)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Conectar
|
||||
credits=Cr\u00e9ditos
|
||||
developers=Desarrolladores
|
||||
fullscreen=Pantalla completa
|
||||
hint=Pista
|
||||
human=Humano
|
||||
language=Idioma
|
||||
local=Local
|
||||
@@ -32,6 +31,16 @@ volume=Volumen
|
||||
windowed=Ventana
|
||||
yes=S\u00ed
|
||||
|
||||
small=Peque\u00F1o
|
||||
medium=Mediano
|
||||
large=Grande
|
||||
dark=Oscuro
|
||||
dark-hc=Oscuro (Alto Contraste)
|
||||
light=Claro
|
||||
light-hc=Claro (Alto Contraste)
|
||||
layoutSize=Tama\u00F1o del dise\u00F1o
|
||||
theme=Tema
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Ar\u00e1bigo)
|
||||
chinese=\u4e2d\u6587 (Chino)
|
||||
dutch=Nederlands (Neerland\u00e9s)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Connecter
|
||||
credits=Cr\u00e9dits
|
||||
developers=D\u00e9veloppeurs
|
||||
fullscreen=Plein \u00e9cran
|
||||
hint=Indice
|
||||
human=Humain
|
||||
language=Langue
|
||||
local=Local
|
||||
@@ -32,6 +31,16 @@ volume=Volume
|
||||
windowed=Fen\u00eatre
|
||||
yes=Oui
|
||||
|
||||
small=Petit
|
||||
medium=Moyen
|
||||
large=Grand
|
||||
dark=Sombre
|
||||
dark-hc=Sombre (Contraste \u00E9lev\u00E9)
|
||||
light=Clair
|
||||
light-hc=Clair (Contraste \u00E9lev\u00E9)
|
||||
layoutSize=Taille de la disposition
|
||||
theme=Th\u00E8me
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Arabe)
|
||||
chinese=\u4e2d\u6587 (Chinois)
|
||||
dutch=Nederlands (N\u00e9erlandais)
|
||||
|
||||
@@ -32,6 +32,16 @@ volume=\u0935\u0949\u0932\u094d\u092f\u0947\u092e
|
||||
windowed=\u0915\u094d\u0930\u094d\u0939 \u092e\u0947\u0902
|
||||
yes=\u0939\u093e\u0907
|
||||
|
||||
small=\u091B\u094B\u091F\u093E
|
||||
medium=\u092E\u0927\u094D\u092F\u092E
|
||||
large=\u092C\u0921\u093C\u093E
|
||||
dark=\u0915\u093E\u0932\u093E
|
||||
dark-hc=\u0915\u093E\u0932\u093E (\u090A\u091A\u094D\u091A \u0915\u0949\u0928\u094D\u091F\u094D\u0930\u093E\u0938\u094D\u091F)
|
||||
light=\u091A\u094D\u092E\u092C\u0940\u0932\u093E
|
||||
light-hc=\u091A\u094D\u092E\u092C\u0940\u0932\u093E (\u090A\u091A\u094D\u091A \u0915\u0949\u0928\u094D\u091F\u094D\u0930\u093E\u0938\u094D\u091F)
|
||||
layoutSize=\u0930\u0942\u092A\u0930\u0947\u0916 \u0915\u093E \u0906\u0915\u093E\u0930
|
||||
theme=\u0925\u0940\u092E
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u0905\u0930\u092c\u0940)
|
||||
chinese=\u4e2d\u6587 (\u091a\u0940\u0928\u0940)
|
||||
dutch=Nederlands (\u0921\u091a)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Connetti
|
||||
credits=Crediti
|
||||
developers=Sviluppatori
|
||||
fullscreen=Schermo intero
|
||||
hint=Suggerimento
|
||||
human=Umano
|
||||
language=Lingua
|
||||
local=Locale
|
||||
@@ -32,6 +31,16 @@ volume=Volume
|
||||
windowed=Finestra
|
||||
yes=S\u00ec
|
||||
|
||||
small=Piccolo
|
||||
medium=Medio
|
||||
large=Grande
|
||||
dark=Scuro
|
||||
dark-hc=Scuro (Alto Contrasto)
|
||||
light=Chiaro
|
||||
light-hc=Chiaro (Alto Contrasto)
|
||||
layoutSize=Dimensione Layout
|
||||
theme=Tema
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Arabo)
|
||||
chinese=\u4e2d\u6587 (Cinese)
|
||||
dutch=Nederlands (Olandese)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=\u63a5\u7d9a
|
||||
credits=\u30af\u30ec\u30b8\u30c3\u30c8
|
||||
developers=\u958b\u767a\u8005
|
||||
fullscreen=\u5168\u753b\u9762
|
||||
hint=\u30d2\u30f3\u30c8
|
||||
human=\u4eba\u9593
|
||||
language=\u8a00\u8a9e
|
||||
local=\u5730\u57df
|
||||
@@ -32,6 +31,16 @@ volume=\u30dc\u30ea\u30e5\u30fc\u30e0
|
||||
windowed=\u30a6\u30a3\u30f3\u30c9\u30a6
|
||||
yes=\u306f\u3044
|
||||
|
||||
small=\u5C0F
|
||||
medium=\u4E2D
|
||||
large=\u5927
|
||||
dark=\u30C0\u30FC\u30AF
|
||||
dark-hc=\u30C0\u30FC\u30AF (\u9AD8\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8)
|
||||
light=\u30E9\u30A4\u30C8
|
||||
light-hc=\u30E9\u30A4\u30C8 (\u9AD8\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8)
|
||||
layoutSize=\u30EC\u30A4\u30A2\u30A6\u30C8\u30B5\u30A4\u30BA
|
||||
theme=\u30C6\u30FC\u30DE
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u30a2\u30e9\u30d3\u30a2\u8a9e)
|
||||
chinese=\u4e2d\u6587 (\u4e2d\u6587)
|
||||
dutch=Nederlands (\u30aa\u30e9\u30f3\u30c0\u8a9e)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=\u10d7\u10d0\u10db\u10d0\u10d4\u10e0\u10d7\u10d8
|
||||
credits=\u10d9\u10d0\u10e0\u10d4\u10d3\u10d0\u10e0\u10d8
|
||||
developers=\u10db\u10d0\u10e0\u10e3\u10d1\u10d7\u10d0\u10ea\u10d4\u10da\u10d8
|
||||
fullscreen=\u10e1\u10d0\u10e5\u10d8 \u10d8\u10e0\u10e2\u10d8\u10d5\u10d0\u10e0\u10d8
|
||||
hint=\u10db\u10d8\u10e0\u10d7\u10d4\u10da\u10d8
|
||||
human=\u10db\u10d4\u10db\u10d0\u10dc\u10d8
|
||||
language=\u10dc\u10d0\u10db\u10d0
|
||||
local=\u10db\u10d4\u10e0\u10d7\u10d4\u10da\u10d0\u10e0\u10d8
|
||||
@@ -32,6 +31,16 @@ volume=\u10d7\u10d0\u10e7\u10d8
|
||||
windowed=\u10e1\u10d0\u10db\u10d7\u10d8
|
||||
yes=\u10d3\u10d0
|
||||
|
||||
small=\uC791\uC74C
|
||||
medium=\uBCF4\uD1B5
|
||||
large=\uD070
|
||||
dark=\uC5B4\uB460
|
||||
dark-hc=\uC5B4\uB460 (\uACE0 \uB300\uBE44)
|
||||
light=\uBC1D\uC74C
|
||||
light-hc=\uBC1D\uC74C (\uACE0 \uB300\uBE44)
|
||||
layoutSize=\uB808\uC774\uC544\uC6C3 \uD06C\uAE30
|
||||
theme=\uC8FC\uC81C
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u10d0\u10e0\u10d0\u10d1\u10d8\u10d1\u10d3\u10d3\u10d4\u10da\u10d8)
|
||||
chinese=\u4e2d\u6587 (\u10d9\u10d8\u10e2\u10d8\u10e1\u10d8)
|
||||
dutch=Nederlands (\u10db\u10d4\u10d3\u10d0\u10da\u10d0\u10dc\u10d3\u10d8)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=\uc5f0\uacb0
|
||||
credits=\uac10\uc0ac
|
||||
developers=\uac1c\ubc1c\uc790
|
||||
fullscreen=\uc804\uccb4 \ud654\uba74
|
||||
hint=\ud78c\ud2b8
|
||||
human=\uc778\uac04
|
||||
language=\uc5b8\uc5b4
|
||||
local=\ub85c\uceec
|
||||
@@ -32,6 +31,16 @@ volume=\ubcf4\ub7ec\uc6b4
|
||||
windowed=\ucc3d \ubaa8\ub4dc
|
||||
yes=\ub124
|
||||
|
||||
small=\uC791\uC74C
|
||||
medium=\uBCF4\uD1B5
|
||||
large=\uD070
|
||||
dark=\uC5B4\uB460
|
||||
dark-hc=\uC5B4\uB460 (\uACE0 \uB300\uBE44)
|
||||
light=\uBC1D\uC74C
|
||||
light-hc=\uBC1D\uC74C (\uACE0 \uB300\uBE44)
|
||||
layoutSize=\uB808\uC774\uC544\uC6C3 \uD06C\uAE30
|
||||
theme=\uC8FC\uC81C
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u0639\u0631\u0628\u064a\u0629)
|
||||
chinese=\u4e2d\u6587 (\u4e2d\u6587)
|
||||
dutch=Nederlands (\ub3c4\ucc99)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=Verbinden
|
||||
credits=Credits
|
||||
developers=Ontwikkelaars
|
||||
fullscreen=Volledig scherm
|
||||
hint=Hint
|
||||
human=Mens
|
||||
language=Taal
|
||||
local=Lokaal
|
||||
@@ -32,6 +31,16 @@ volume=Volume
|
||||
windowed=Venstermodus
|
||||
yes=Ja
|
||||
|
||||
small=Klein
|
||||
medium=Middel
|
||||
large=Groot
|
||||
dark=Donker
|
||||
dark-hc=Donker (Hoog Contrast)
|
||||
light=Licht
|
||||
light-hc=Licht (Hoog Contrast)
|
||||
layoutSize=Lay-outgrootte
|
||||
theme=Thema
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (Arabisch)
|
||||
chinese=\u4e2d\u6587 (Chinees)
|
||||
dutch=Nederlands
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f
|
||||
credits=\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u043d\u043e\u0441\u0442\u0438
|
||||
developers=\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438
|
||||
fullscreen=\u041f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c
|
||||
hint=\u041f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430
|
||||
human=\u0427\u0435\u043b\u043e\u0432\u0435\u043a
|
||||
language=\u042f\u0437\u044b\u043a
|
||||
local=\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439
|
||||
@@ -32,6 +31,16 @@ volume=\u0413\u0440\u0430\u043c\u043c\u043e\u0444\u043e\u043d
|
||||
windowed=\u041e\u043a\u043d\u043e
|
||||
yes=\u0414\u0430
|
||||
|
||||
small=\u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439
|
||||
medium=\u0441\u0440\u0435\u0434\u043D\u0438\u0439
|
||||
large=\u0431\u043E\u043B\u044C\u0448\u043E\u0439
|
||||
dark=\u0442\u0451\u043C\u043D\u044B\u0439
|
||||
dark-hc=\u0442\u0451\u043C\u043D\u044B\u0439 (\u0432\u044B\u0441\u043E\u043A\u0438\u0439 \u043A\u043E\u043D\u0442\u0440\u0430\u0441\u0442)
|
||||
light=\u0441\u0432\u0435\u0442\u043B\u044B\u0439
|
||||
light-hc=\u0441\u0432\u0435\u0442\u043B\u044B\u0439 (\u0432\u044B\u0441\u043E\u043A\u0438\u0439 \u043A\u043E\u043D\u0442\u0440\u0430\u0441\u0442)
|
||||
layoutSize=\u0440\u0430\u0437\u043C\u0435\u0440 \u043C\u0430\u043A\u0435\u0442\u0430
|
||||
theme=\u0442\u0435\u043C\u0430
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u0410\u0440\u0430\u0431\u0441\u043a\u0438\u0439)
|
||||
chinese=\u4e2d\u6587 (\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439)
|
||||
dutch=Nederlands (\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439)
|
||||
|
||||
@@ -7,7 +7,6 @@ connect=\u8fde\u63a5
|
||||
credits=\u6b23\u8d4f
|
||||
developers=\u5f00\u53d1\u8005
|
||||
fullscreen=\u5168\u5c4f
|
||||
hint=\u63d0\u793a
|
||||
human=\u4eba
|
||||
language=\u8bed\u8a00
|
||||
local=\u672c\u5730
|
||||
@@ -32,6 +31,16 @@ volume=\u97f3\u91cf
|
||||
windowed=\u7a97\u53e3\u6a21\u5f0f
|
||||
yes=\u662f
|
||||
|
||||
small=\u5C0F
|
||||
medium=\u4E2D
|
||||
large=\u5927
|
||||
dark=\u6697
|
||||
dark-hc=\u6697 (\u9AD8\u5BF9\u6BD4)
|
||||
light=\u4EAE
|
||||
light-hc=\u4EAE (\u9AD8\u5BF9\u6BD4)
|
||||
layoutSize=\u5E03\u5C40\u5927\u5C0F
|
||||
theme=\u4E3B\u9898
|
||||
|
||||
arabic=\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u963f\u62c9\u4f2f\u8bed)
|
||||
chinese=\u4e2d\u6587
|
||||
dutch=Nederlands (\u8377\u5170\u8bed)
|
||||
|
||||
@@ -1,244 +0,0 @@
|
||||
/* ─────────────────────────────
|
||||
Root Background
|
||||
───────────────────────────── */
|
||||
.background {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: linear-gradient(to bottom right, #3f51b5, #2196f3);
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Containers
|
||||
───────────────────────────── */
|
||||
.stack_container,
|
||||
.vertical_container,
|
||||
.horizontal_container {
|
||||
/* Layout */
|
||||
-fx-padding: 12;
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: linear-gradient(to bottom right, #4a4e91, #3a3f76);
|
||||
-fx-background-radius: 8;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000033, 12, 0.3, 0, 4);
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Text Elements (Labels, Headings)
|
||||
───────────────────────────── */
|
||||
.text {
|
||||
/* Layout */
|
||||
-fx-padding: 4 8;
|
||||
|
||||
/* Visual */
|
||||
|
||||
/* Text */
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 16px;
|
||||
-fx-fill: #ffffff;
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Buttons and Toggles
|
||||
───────────────────────────── */
|
||||
.button,
|
||||
.toggle {
|
||||
/* Layout */
|
||||
-fx-padding: 8 16;
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #5c6bc0;
|
||||
-fx-background-radius: 6;
|
||||
-fx-border-color: transparent;
|
||||
|
||||
/* Text */
|
||||
-fx-text-fill: #ffffff;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000033, 2, 0.1, 0, 1);
|
||||
-fx-cursor: hand;
|
||||
-fx-transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.button:hover,
|
||||
.toggle:hover {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #7986cb;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
-fx-scale-x: 1.05;
|
||||
-fx-scale-y: 1.05;
|
||||
-fx-effect: dropshadow(gaussian, #90caf9, 8, 0.3, 0, 0);
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Input Fields
|
||||
───────────────────────────── */
|
||||
.input {
|
||||
/* Layout */
|
||||
-fx-padding: 8;
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #3f3f5a;
|
||||
-fx-background-radius: 6;
|
||||
-fx-border-color: #9fa8da;
|
||||
-fx-border-radius: 6;
|
||||
|
||||
/* Text */
|
||||
-fx-text-fill: #ffffff;
|
||||
|
||||
/* Effects */
|
||||
-fx-cursor: text;
|
||||
}
|
||||
|
||||
.input:focused {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #5c6bc0;
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 2;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Sliders
|
||||
───────────────────────────── */
|
||||
.slider {
|
||||
/* Layout */
|
||||
-fx-padding: 10;
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: transparent;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
.slider .track {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: linear-gradient(to right, #76ff03, #ff5252);
|
||||
-fx-background-radius: 2;
|
||||
-fx-pref-height: 6;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
.slider .thumb {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-background-radius: 50%;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #0000004d, 4, 0.2, 0, 1);
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
ChoiceBox
|
||||
───────────────────────────── */
|
||||
.choicebox {
|
||||
/* Layout */
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #5c6bc0;
|
||||
-fx-background-radius: 6;
|
||||
-fx-border-color: transparent;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
.choicebox .label {
|
||||
/* Layout */
|
||||
-fx-padding: 6 12;
|
||||
|
||||
/* Visual */
|
||||
|
||||
/* Text */
|
||||
-fx-text-fill: #ffffff;
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
.choicebox .arrow {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #ffffff;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
.choicebox .context-menu {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #3f3f5a;
|
||||
-fx-background-radius: 6;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
|
||||
.choicebox .menu-item:hover {
|
||||
/* Layout */
|
||||
|
||||
/* Visual */
|
||||
-fx-background-color: #7986cb;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
/* ─────────────────────────────
|
||||
Separator
|
||||
───────────────────────────── */
|
||||
.separator {
|
||||
/* Layout */
|
||||
-fx-padding: 8 0;
|
||||
-fx-border-insets: 4 0 4 0;
|
||||
|
||||
/* Visual */
|
||||
-fx-border-color: #ffffff55;
|
||||
-fx-border-width: 0 0 1 0;
|
||||
|
||||
/* Text */
|
||||
|
||||
/* Effects */
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
.credit-text {
|
||||
-fx-fill: #ffffff;
|
||||
-fx-font-size: 24px;
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-weight: bold;
|
||||
-fx-effect: dropshadow(gaussian, rgba(0,0,0,0.7), 4, 0, 2, 2);
|
||||
}
|
||||
|
||||
.animated_credits_container {
|
||||
-fx-padding: 10;
|
||||
-fx-alignment: center;
|
||||
}
|
||||
215
app/src/main/resources/assets/style/dark-hc.css
Normal file
215
app/src/main/resources/assets/style/dark-hc.css
Normal file
@@ -0,0 +1,215 @@
|
||||
/* ----------------------------
|
||||
.background
|
||||
----------------------------- */
|
||||
.bg-primary {
|
||||
-fx-background-color: #0a0a0a;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
-fx-background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.bg-popup {
|
||||
-fx-background-color: #0a0a0acc;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.button
|
||||
----------------------------- */
|
||||
.button {
|
||||
/* Layout */
|
||||
-fx-padding: 10 20;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 1;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000099, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
-fx-background-color: #2a2a2a;
|
||||
-fx-border-color: #00ff00;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box
|
||||
----------------------------- */
|
||||
.choice-box {
|
||||
/* Layout */
|
||||
-fx-padding: 6;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 1;
|
||||
-fx-mark-color: #ffffff;
|
||||
}
|
||||
|
||||
.choice-box:hover {
|
||||
-fx-border-color: #00ff00;
|
||||
}
|
||||
|
||||
.choice-box:focused {
|
||||
-fx-border-color: #00cc66;
|
||||
}
|
||||
|
||||
.choice-box .label {
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box popup styling
|
||||
----------------------------- */
|
||||
.choice-box .context-menu {
|
||||
/* Layout */
|
||||
-fx-padding: 4;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.choice-box .menu-item {
|
||||
/* Layout */
|
||||
-fx-padding: 6 12;
|
||||
}
|
||||
|
||||
.choice-box .menu-item .label {
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:hover {
|
||||
-fx-background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:focused {
|
||||
-fx-background-color: #00ff00;
|
||||
-fx-text-fill: #000000;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.container
|
||||
----------------------------- */
|
||||
.container {
|
||||
/* Layout */
|
||||
-fx-padding: 10;
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.input
|
||||
----------------------------- */
|
||||
.input {
|
||||
/* Layout */
|
||||
-fx-padding: 8;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.input:hover {
|
||||
-fx-border-color: #00ff00;
|
||||
}
|
||||
|
||||
.input:focused {
|
||||
-fx-border-color: #00cc66;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.separator
|
||||
----------------------------- */
|
||||
.separator {
|
||||
/* Layout */
|
||||
-fx-padding: 10 0;
|
||||
}
|
||||
|
||||
.separator .line {
|
||||
/* Color */
|
||||
-fx-border-color: #ffffff;
|
||||
-fx-border-width: 0 0 1 0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.slider
|
||||
----------------------------- */
|
||||
.slider {
|
||||
/* Layout */
|
||||
-fx-padding: 6 0;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.slider .track {
|
||||
/* Color */
|
||||
-fx-background-color: linear-gradient(to left, #00ff00, #ff0000);
|
||||
-fx-background-insets: 0;
|
||||
-fx-background-radius: 2;
|
||||
-fx-pref-height: 4;
|
||||
}
|
||||
|
||||
.slider .thumb {
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-background-radius: 50%;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #000000aa, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.slider .thumb:hover {
|
||||
-fx-scale-x: 1.2;
|
||||
-fx-scale-y: 1.2;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-header
|
||||
----------------------------- */
|
||||
.text-header {
|
||||
-fx-fill: #ffffff;
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-normal
|
||||
----------------------------- */
|
||||
.text-normal {
|
||||
-fx-fill: #f0f0f0;
|
||||
-fx-text-fill: #f0f0f0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.toggle-button
|
||||
----------------------------- */
|
||||
.toggle {
|
||||
/* Layout */
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #1f1f1f;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #ffffff;
|
||||
}
|
||||
|
||||
.toggle:hover {
|
||||
-fx-background-color: #00ff00;
|
||||
-fx-text-fill: #000000;
|
||||
-fx-border-color: #00ff00;
|
||||
}
|
||||
215
app/src/main/resources/assets/style/dark.css
Normal file
215
app/src/main/resources/assets/style/dark.css
Normal file
@@ -0,0 +1,215 @@
|
||||
/* ----------------------------
|
||||
.background
|
||||
----------------------------- */
|
||||
.bg-primary {
|
||||
-fx-background-color: #181818;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
-fx-background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.bg-popup {
|
||||
-fx-background-color: #1818187f;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.button
|
||||
----------------------------- */
|
||||
.button {
|
||||
/* Layout */
|
||||
-fx-padding: 10 20;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #2a2a2a;
|
||||
-fx-text-fill: #f0f0f0;
|
||||
-fx-border-color: #3a3a3a;
|
||||
-fx-border-width: 1;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #0000004d, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
-fx-background-color: #3a3a3a;
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box
|
||||
----------------------------- */
|
||||
.choice-box {
|
||||
/* Layout */
|
||||
-fx-padding: 6;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #2a2a2a;
|
||||
-fx-border-color: #444444;
|
||||
-fx-border-width: 1;
|
||||
-fx-mark-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.choice-box:hover {
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
.choice-box:focused {
|
||||
-fx-border-color: #81c784;
|
||||
}
|
||||
|
||||
.choice-box .label {
|
||||
-fx-text-fill: #f0f0f0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box popup styling
|
||||
----------------------------- */
|
||||
.choice-box .context-menu {
|
||||
/* Layout */
|
||||
-fx-padding: 4;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #2a2a2a;
|
||||
-fx-border-color: #444444;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.choice-box .menu-item {
|
||||
/* Layout */
|
||||
-fx-padding: 6 12;
|
||||
}
|
||||
|
||||
.choice-box .menu-item .label {
|
||||
-fx-text-fill: #dddddd;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:hover {
|
||||
-fx-background-color: #3a3a3a;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:focused {
|
||||
-fx-background-color: #4caf50;
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.container
|
||||
----------------------------- */
|
||||
.container {
|
||||
/* Layout */
|
||||
-fx-padding: 10;
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.input
|
||||
----------------------------- */
|
||||
.input {
|
||||
/* Layout */
|
||||
-fx-padding: 8;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #2a2a2a;
|
||||
-fx-text-fill: #f0f0f0;
|
||||
-fx-border-color: #444444;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.input:hover {
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
.input:focused {
|
||||
-fx-border-color: #81c784;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.separator
|
||||
----------------------------- */
|
||||
.separator {
|
||||
/* Layout */
|
||||
-fx-padding: 10 0;
|
||||
}
|
||||
|
||||
.separator .line {
|
||||
/* Color */
|
||||
-fx-border-color: #3a3a3a;
|
||||
-fx-border-width: 0 0 1 0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.slider
|
||||
----------------------------- */
|
||||
.slider {
|
||||
/* Layout */
|
||||
-fx-padding: 6 0;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.slider .track {
|
||||
/* Color */
|
||||
-fx-background-color: linear-gradient(to left, #4caf50, #f44336);
|
||||
-fx-background-insets: 0;
|
||||
-fx-background-radius: 2;
|
||||
-fx-pref-height: 4;
|
||||
}
|
||||
|
||||
.slider .thumb {
|
||||
/* Color */
|
||||
-fx-background-color: #f0f0f0;
|
||||
-fx-background-radius: 50%;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000066, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.slider .thumb:hover {
|
||||
-fx-scale-x: 1.2;
|
||||
-fx-scale-y: 1.2;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-header
|
||||
----------------------------- */
|
||||
.text-header {
|
||||
-fx-fill: #f0f0f0;
|
||||
-fx-text-fill: #f0f0f0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-normal
|
||||
----------------------------- */
|
||||
.text-normal {
|
||||
-fx-fill: #dddddd;
|
||||
-fx-text-fill: #dddddd;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.toggle-button
|
||||
----------------------------- */
|
||||
.toggle {
|
||||
/* Layout */
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #333333;
|
||||
-fx-text-fill: #cccccc;
|
||||
-fx-border-color: #4a4a4a;
|
||||
}
|
||||
|
||||
.toggle:hover {
|
||||
-fx-background-color: #4caf50;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
11
app/src/main/resources/assets/style/large.css
Normal file
11
app/src/main/resources/assets/style/large.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.text-header {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 24px;
|
||||
-fx-font-weight: bold;
|
||||
}
|
||||
|
||||
.text-normal {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 20px;
|
||||
-fx-font-weight: normal;
|
||||
}
|
||||
215
app/src/main/resources/assets/style/light-hc.css
Normal file
215
app/src/main/resources/assets/style/light-hc.css
Normal file
@@ -0,0 +1,215 @@
|
||||
/* ----------------------------
|
||||
.background
|
||||
----------------------------- */
|
||||
.bg-primary {
|
||||
-fx-background-color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
-fx-background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.bg-popup {
|
||||
-fx-background-color: #ffffffcc;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.button
|
||||
----------------------------- */
|
||||
.button {
|
||||
/* Layout */
|
||||
-fx-padding: 10 20;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #f2f2f2;
|
||||
-fx-text-fill: #000000;
|
||||
-fx-border-color: #000000;
|
||||
-fx-border-width: 1;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000033, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
-fx-background-color: #e0e0e0;
|
||||
-fx-border-color: #008000;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box
|
||||
----------------------------- */
|
||||
.choice-box {
|
||||
/* Layout */
|
||||
-fx-padding: 6;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-border-color: #000000;
|
||||
-fx-border-width: 1;
|
||||
-fx-mark-color: #000000;
|
||||
}
|
||||
|
||||
.choice-box:hover {
|
||||
-fx-border-color: #008000;
|
||||
}
|
||||
|
||||
.choice-box:focused {
|
||||
-fx-border-color: #009900;
|
||||
}
|
||||
|
||||
.choice-box .label {
|
||||
-fx-text-fill: #000000;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box popup styling
|
||||
----------------------------- */
|
||||
.choice-box .context-menu {
|
||||
/* Layout */
|
||||
-fx-padding: 4;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-border-color: #000000;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.choice-box .menu-item {
|
||||
/* Layout */
|
||||
-fx-padding: 6 12;
|
||||
}
|
||||
|
||||
.choice-box .menu-item .label {
|
||||
-fx-text-fill: #000000;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:hover {
|
||||
-fx-background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:focused {
|
||||
-fx-background-color: #008000;
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.container
|
||||
----------------------------- */
|
||||
.container {
|
||||
/* Layout */
|
||||
-fx-padding: 10;
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.input
|
||||
----------------------------- */
|
||||
.input {
|
||||
/* Layout */
|
||||
-fx-padding: 8;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-text-fill: #000000;
|
||||
-fx-border-color: #000000;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.input:hover {
|
||||
-fx-border-color: #008000;
|
||||
}
|
||||
|
||||
.input:focused {
|
||||
-fx-border-color: #009900;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.separator
|
||||
----------------------------- */
|
||||
.separator {
|
||||
/* Layout */
|
||||
-fx-padding: 10 0;
|
||||
}
|
||||
|
||||
.separator .line {
|
||||
/* Color */
|
||||
-fx-border-color: #000000;
|
||||
-fx-border-width: 0 0 1 0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.slider
|
||||
----------------------------- */
|
||||
.slider {
|
||||
/* Layout */
|
||||
-fx-padding: 6 0;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.slider .track {
|
||||
/* Color */
|
||||
-fx-background-color: linear-gradient(to left, #00cc00, #cc0000);
|
||||
-fx-background-insets: 0;
|
||||
-fx-background-radius: 2;
|
||||
-fx-pref-height: 4;
|
||||
}
|
||||
|
||||
.slider .thumb {
|
||||
/* Color */
|
||||
-fx-background-color: #000000;
|
||||
-fx-background-radius: 50%;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000066, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.slider .thumb:hover {
|
||||
-fx-scale-x: 1.2;
|
||||
-fx-scale-y: 1.2;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-header
|
||||
----------------------------- */
|
||||
.text-header {
|
||||
-fx-fill: #000000;
|
||||
-fx-text-fill: #000000;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-normal
|
||||
----------------------------- */
|
||||
.text-normal {
|
||||
-fx-fill: #111111;
|
||||
-fx-text-fill: #111111;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.toggle-button
|
||||
----------------------------- */
|
||||
.toggle {
|
||||
/* Layout */
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #e6e6e6;
|
||||
-fx-text-fill: #000000;
|
||||
-fx-border-color: #000000;
|
||||
}
|
||||
|
||||
.toggle:hover {
|
||||
-fx-background-color: #00cc00;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #00cc00;
|
||||
}
|
||||
215
app/src/main/resources/assets/style/light.css
Normal file
215
app/src/main/resources/assets/style/light.css
Normal file
@@ -0,0 +1,215 @@
|
||||
/* ----------------------------
|
||||
.background
|
||||
----------------------------- */
|
||||
.bg-primary {
|
||||
-fx-background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
-fx-background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.bg-popup {
|
||||
-fx-background-color: #f5f5f57f;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.button
|
||||
----------------------------- */
|
||||
.button {
|
||||
/* Layout */
|
||||
-fx-padding: 10 20;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #e0e0e0;
|
||||
-fx-text-fill: #1a1a1a;
|
||||
-fx-border-color: #cccccc;
|
||||
-fx-border-width: 1;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000026, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
-fx-background-color: #d5d5d5;
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box
|
||||
----------------------------- */
|
||||
.choice-box {
|
||||
/* Layout */
|
||||
-fx-padding: 6;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #e0e0e0;
|
||||
-fx-border-color: #cccccc;
|
||||
-fx-border-width: 1;
|
||||
-fx-mark-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.choice-box:hover {
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
.choice-box:focused {
|
||||
-fx-border-color: #81c784;
|
||||
}
|
||||
|
||||
.choice-box .label {
|
||||
-fx-text-fill: #1a1a1a;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.choice-box popup styling
|
||||
----------------------------- */
|
||||
.choice-box .context-menu {
|
||||
/* Layout */
|
||||
-fx-padding: 4;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-border-color: #cccccc;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.choice-box .menu-item {
|
||||
/* Layout */
|
||||
-fx-padding: 6 12;
|
||||
}
|
||||
|
||||
.choice-box .menu-item .label {
|
||||
-fx-text-fill: #333333;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:hover {
|
||||
-fx-background-color: #eeeeee;
|
||||
}
|
||||
|
||||
.choice-box .menu-item:focused {
|
||||
-fx-background-color: #4caf50;
|
||||
-fx-text-fill: #ffffff;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.container
|
||||
----------------------------- */
|
||||
.container {
|
||||
/* Layout */
|
||||
-fx-padding: 10;
|
||||
-fx-alignment: center;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.input
|
||||
----------------------------- */
|
||||
.input {
|
||||
/* Layout */
|
||||
-fx-padding: 8;
|
||||
-fx-background-radius: 4;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #ffffff;
|
||||
-fx-text-fill: #1a1a1a;
|
||||
-fx-border-color: #cccccc;
|
||||
-fx-border-width: 1;
|
||||
}
|
||||
|
||||
.input:hover {
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
|
||||
.input:focused {
|
||||
-fx-border-color: #81c784;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.separator
|
||||
----------------------------- */
|
||||
.separator {
|
||||
/* Layout */
|
||||
-fx-padding: 10 0;
|
||||
}
|
||||
|
||||
.separator .line {
|
||||
/* Color */
|
||||
-fx-border-color: #cccccc;
|
||||
-fx-border-width: 0 0 1 0;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.slider
|
||||
----------------------------- */
|
||||
.slider {
|
||||
/* Layout */
|
||||
-fx-padding: 6 0;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: transparent;
|
||||
}
|
||||
|
||||
.slider .track {
|
||||
/* Color */
|
||||
-fx-background-color: linear-gradient(to left, #4caf50, #f44336);
|
||||
-fx-background-insets: 0;
|
||||
-fx-background-radius: 2;
|
||||
-fx-pref-height: 4;
|
||||
}
|
||||
|
||||
.slider .thumb {
|
||||
/* Color */
|
||||
-fx-background-color: #1a1a1a;
|
||||
-fx-background-radius: 50%;
|
||||
|
||||
/* Effects */
|
||||
-fx-effect: dropshadow(gaussian, #00000033, 4, 0, 0, 1);
|
||||
}
|
||||
|
||||
.slider .thumb:hover {
|
||||
-fx-scale-x: 1.2;
|
||||
-fx-scale-y: 1.2;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-header
|
||||
----------------------------- */
|
||||
.text-header {
|
||||
-fx-fill: #1a1a1a;
|
||||
-fx-text-fill: #1a1a1a;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.text-normal
|
||||
----------------------------- */
|
||||
.text-normal {
|
||||
-fx-fill: #333333;
|
||||
-fx-text-fill: #333333;
|
||||
}
|
||||
|
||||
/* ----------------------------
|
||||
.toggle-button
|
||||
----------------------------- */
|
||||
.toggle {
|
||||
/* Layout */
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
|
||||
/* Color */
|
||||
-fx-background-color: #d0d0d0;
|
||||
-fx-text-fill: #1a1a1a;
|
||||
-fx-border-color: #b0b0b0;
|
||||
}
|
||||
|
||||
.toggle:hover {
|
||||
-fx-background-color: #4caf50;
|
||||
-fx-text-fill: #ffffff;
|
||||
-fx-border-color: #4caf50;
|
||||
}
|
||||
11
app/src/main/resources/assets/style/medium.css
Normal file
11
app/src/main/resources/assets/style/medium.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.text-header {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 20px;
|
||||
-fx-font-weight: bold;
|
||||
}
|
||||
|
||||
.text-normal {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 16px;
|
||||
-fx-font-weight: normal;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
.player_container {
|
||||
-fx-background-color: linear-gradient(to bottom right, orange, indigo), #1d1d1d;
|
||||
-fx-background-insets: 0, 2;
|
||||
-fx-background-radius: 8;
|
||||
-fx-padding: 10;
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
.background {
|
||||
-fx-background-color: #0000007f;
|
||||
}
|
||||
11
app/src/main/resources/assets/style/small.css
Normal file
11
app/src/main/resources/assets/style/small.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.text-header {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 16px;
|
||||
-fx-font-weight: bold;
|
||||
}
|
||||
|
||||
.text-normal {
|
||||
-fx-font-family: "Arial";
|
||||
-fx-font-size: 12px;
|
||||
-fx-font-weight: normal;
|
||||
}
|
||||
Reference in New Issue
Block a user