From df17029f51d528dd10ac2743d1db17c08876e1eb Mon Sep 17 00:00:00 2001 From: Christopher Peredy <16451370+mastercaution@users.noreply.github.com> Date: Sat, 23 Oct 2021 15:31:29 +0200 Subject: [PATCH] Add dark themes --- FlatLogicWorld/manifest.succ | 5 ++ .../pallets/Material Dark Blue.succ | 85 +++++++++++++++++++ .../pallets/Material Dark Green.succ | 85 +++++++++++++++++++ .../pallets/Material Dark Orange.succ | 85 +++++++++++++++++++ .../pallets/Material Dark Pink.succ | 85 +++++++++++++++++++ .../pallets/Material Dark Purple.succ | 85 +++++++++++++++++++ FlatLogicWorld/pallets/Material Dark Red.succ | 85 +++++++++++++++++++ .../pallets/Material Dark Teal.succ | 85 +++++++++++++++++++ README.md | 30 ++++++- 9 files changed, 628 insertions(+), 2 deletions(-) create mode 100644 FlatLogicWorld/manifest.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Blue.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Green.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Orange.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Pink.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Purple.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Red.succ create mode 100644 FlatLogicWorld/pallets/Material Dark Teal.succ diff --git a/FlatLogicWorld/manifest.succ b/FlatLogicWorld/manifest.succ new file mode 100644 index 0000000..6109491 --- /dev/null +++ b/FlatLogicWorld/manifest.succ @@ -0,0 +1,5 @@ +ID: FlatLogicWorld +Name: Flat Logic World +Author: ChrisP +Version: 0.1 +Priority: 0 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Blue.succ b/FlatLogicWorld/pallets/Material Dark Blue.succ new file mode 100644 index 0000000..d55dc87 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Green.succ b/FlatLogicWorld/pallets/Material Dark Green.succ new file mode 100644 index 0000000..60ea049 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Orange.succ b/FlatLogicWorld/pallets/Material Dark Orange.succ new file mode 100644 index 0000000..dafd4e9 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Pink.succ b/FlatLogicWorld/pallets/Material Dark Pink.succ new file mode 100644 index 0000000..c24cc3b --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Purple.succ b/FlatLogicWorld/pallets/Material Dark Purple.succ new file mode 100644 index 0000000..8400d69 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Red.succ b/FlatLogicWorld/pallets/Material Dark Red.succ new file mode 100644 index 0000000..42a989d --- /dev/null +++ b/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 \ No newline at end of file diff --git a/FlatLogicWorld/pallets/Material Dark Teal.succ b/FlatLogicWorld/pallets/Material Dark Teal.succ new file mode 100644 index 0000000..a760ee2 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/README.md b/README.md index 42ab0fc..a6389d7 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,28 @@ -# FlatLogicWorld -Material Design themes for the game Logic World +# Flat 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: + + + +## 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 + + +## 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! \ No newline at end of file