Add dark themes

FlatLogicWorld/manifest.succ

@@ -0,0 +1,5 @@
+ID: FlatLogicWorld
+Name: Flat Logic World
+Author: ChrisP
+Version: 0.1
+Priority: 0

FlatLogicWorld/pallets/Material Dark Blue.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a blue accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 546e7a
+QuaternaryHovered       : 819ca9
+QuaternaryPressed       : 29434e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : 2196f3
+AccentHovered           : 29b6f6
+AccentPressed           : 1e88e5
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : 1565c0
+AccentModifiedHovered   : 5e92f3
+AccentModifiedPressed   : 003c8f
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Green.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a green accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : 4caf50
+AccentHovered           : 9ccc65
+AccentPressed           : 43a047
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : 2e7d32
+AccentModifiedHovered   : 60ad5e
+AccentModifiedPressed   : 005005
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Orange.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with an orange accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : ff5722
+AccentHovered           : ffa726
+AccentPressed           : f4511e
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : d13f12
+AccentModifiedHovered   : ff7140
+AccentModifiedPressed   : 980000
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Pink.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a pink accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : e91e63
+AccentHovered           : ef5350
+AccentPressed           : d81b60
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : ad1457
+AccentModifiedHovered   : e35183
+AccentModifiedPressed   : 78002e
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Purple.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a purple accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : 9c27b0
+AccentHovered           : 7e57c2
+AccentPressed           : 8e24aa
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : 6a1b9a
+AccentModifiedHovered   : 9c4dcc
+AccentModifiedPressed   : 38006b
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Red.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a red accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : f44336
+AccentHovered           : ff7043
+AccentPressed           : e53935
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : c62828
+AccentModifiedHovered   : ff5f52
+AccentModifiedPressed   : 8e0000
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

FlatLogicWorld/pallets/Material Dark Teal.succ

@@ -0,0 +1,85 @@
+# Dark Material Design theme with a teal accent.
+# Autor: Mouse Hat Games, edited by ChrisP
+
+
+# Used for:
+#   - Screen (application) background
+#   - Scroll bar (in component selection menu)
+# NOTE: "PrimaryHovered" and "PrimaryPressed" used on inactive tab item headers
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+Primary                 : 263238
+PrimaryHovered          : 4f5b62
+PrimaryPressed          : 000a12
+
+# Used for:
+#   - Panels
+#   - Card background
+#   - Scroll bar (in settings menu)
+# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
+Secondary               : 212121
+SecondaryHovered        : 484848
+SecondaryPressed        : 181818
+
+# Used for:
+#   - Borders
+#   - Scroll bar background (all)
+#   - Slider progress background
+#   - Hotbar item background
+#   - Hotbar item border (not selected)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+Tertiary                : 263238
+TertiaryHovered         : 4f5b62
+TertiaryPressed         : 000a12
+
+# Used for:
+#   - Deactivated switch background and handle
+#   - Most key assignment box backgrounds (controls)
+#   - World selection list item background
+#   - Selected hotbar item border
+#   - Tool tip background
+#   - Scroll bar (in component options menu)
+Quaternary              : 78909c
+QuaternaryHovered       : a7c0cd
+QuaternaryPressed       : 4b636e
+
+# Used for:
+#   - Button background
+#   - Handles (switch, slider, ...)
+#   - Hovered settings list box
+#   - Some key assignment box backgrounds (controls)
+# WARNING: On hovered settings boxes, "Primary" is mixing with "Accent" (slightly
+#   transparent "Accent" is added)!
+# WARNING: Button text color is hard-coded to white, so it's recommended to use a
+#   dark or colored background here!
+Accent                  : 009688
+AccentHovered           : 0097a7
+AccentPressed           : 00897b
+
+# Used for:
+#   - Slider fill (slider progress)
+#   - Switch fill (activated)
+# NOTE: "TertiaryHovered" on "TertiaryPressed" never used
+AccentModified          : 00695c
+AccentModifiedHovered   : 439889
+AccentModifiedPressed   : 003d33
+
+
+# Used for:
+#   - Icons
+Graphic_Primary         : ffffff     # color tool, reset, main menu icons, ...
+Graphic_Secondary       : 484848     # Dropdown arrow
+
+# Used for:
+#   - Most UI text on background
+Text_Primary            : e0e0e0
+Text_Secondary          : 000000
+
+# Used for:
+#   - Text fields
+# WARNING: Dropdown selected text color is hard-coded to a dark gray, so it's 
+#   recommended to use a light background here!
+InputField              : 607d8b
+InputFieldHovered       : 8eacbb
+InputFieldPressed       : 34515e
+InputFieldText          : 000000

README.md

@@ -1,2 +1,28 @@
-# FlatLogicWorld
+# Flat Logic World
-Material Design themes for the game Logic World
+Give Logic World a fresh new look with Material Design colors! 
+
+> A flat UI perfectly matching the flat earth in Logic World :stuck_out_tongue_closed_eyes:
+
+<!-- TODO: Main menu picture -->
+
+## Installation
+Mod support in Logic World is not finished yet but the mod directory can already be used for external color pallets.
+
+1. Download ZIP from the latest [release](https://github.com/mastercaution/FlatLogicWorld/releases)
+2. Extract and copy the `FlatLogicWorld` folder to the mods folder: `Logic World/GameData` (the game can open it for you `Main Menu > Mods > Open Mods Folder`)
+3. If the game is running, restart it and done :tada:
+
+## Usage
+1. Navigate to `Settings > User Interface`
+2. At option "Theme" choose a "Material Dark [color]" theme from the dropdown menu
+3. Profit
+
+## Known Issues
+- __Scrollbars are invisible in component selection menu.__ The scroll bar in the component selection menu is assigned to the color `Primary` and the scrollbar background to `Tertiary`. Both colors are equal in the _Flat Logic World_ themes giving them the flat and clean look. Hovering over the scrollbar will reveal it. This only effects the scrollbars in the component selection menu, other scrollbars use other colors that work well.
+- __Text in dropdowns are gray and not black.__ The text color of the selected item in a collapsed dropdown element is hard-coded to that gray, so it cannot be customized by the color palette. That's why the dropdowns are that bright, making them darker would make the text very hard to read.
+
+## Pictures
+<!-- TODO: Pictures -->
+
+## Acknowledgements
+Huge thanks to Mouse Hat Games (especially Jimmy) for the great game and the modularity making it super easy to create custom themes and other mods!