Add light themes

This commit is contained in:
Christopher Peredy
2021-11-07 11:55:09 +01:00
parent 808d96f36d
commit ab966c26c4
7 changed files with 595 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