2 Commits

Author SHA1 Message Date
Christopher Peredy
db5c8530f7 Add light theme issue to README 2021-11-07 12:54:41 +01:00
Christopher Peredy
ab966c26c4 Add light themes 2021-11-07 11:55:09 +01:00
8 changed files with 596 additions and 0 deletions

View File

@@ -0,0 +1,85 @@
# Light 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 : 90caf9
PrimaryHovered : b3e5fc
PrimaryPressed : 64b5f6
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : 90caf9
TertiaryHovered : b3e5fc
TertiaryPressed : 64b5f6
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : a5d6a7
PrimaryHovered : 81c784
PrimaryPressed : dcedc8
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : a5d6a7
TertiaryHovered : 81c784
TertiaryPressed : dcedc8
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : ffab91
PrimaryHovered : ff8a65
PrimaryPressed : ffccbc
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : ffab91
TertiaryHovered : ff8a65
TertiaryPressed : ffccbc
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : f48fb1
PrimaryHovered : f06292
PrimaryPressed : e1bee7
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : f48fb1
TertiaryHovered : f06292
TertiaryPressed : e1bee7
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : ce93d8
PrimaryHovered : ba68c8
PrimaryPressed : d1c4e9
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : ce93d8
TertiaryHovered : ba68c8
TertiaryPressed : d1c4e9
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : ef9a9a
PrimaryHovered : e57373
PrimaryPressed : f8bbd0
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : ef9a9a
TertiaryHovered : e57373
TertiaryPressed : f8bbd0
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -0,0 +1,85 @@
# Light 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 : 80cbc4
PrimaryHovered : 4db6ac
PrimaryPressed : c8e6c9
# Used for:
# - Panels
# - Card background
# - Scroll bar (in settings menu)
# NOTE: "SecondaryHovered" and "SecondaryPressed" only used on active tab item header
Secondary : f5f5f5
SecondaryHovered : ffffff
SecondaryPressed : c2c2c2
# 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 : 80cbc4
TertiaryHovered : 4db6ac
TertiaryPressed : c8e6c9
# 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 : eeeeee
QuaternaryHovered : fafafa
QuaternaryPressed : bcbcbc
# 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 : 212121 # Dropdown arrow
# Used for:
# - Most UI text on background
Text_Primary : 212121
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 : f5f5f5
InputFieldHovered : ffffff
InputFieldPressed : c2c2c2
InputFieldText : 212121

View File

@@ -31,6 +31,7 @@ Mod support in Logic World is not finished yet but the mod directory can already
## Known Issues ## 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. - __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. - __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.
- __White text on light gray background. (Light themes)__ Due to some hard-coded colors, some text stays white on a light background. It appears on several backgrounds and making all these backgrounds dark will result in a dark theme again. Maybe the texts will use custom colors in the future.
## Pictures ## Pictures
<p align="center"> <p align="center">