Skip to content
This repository has been archived by the owner on Nov 12, 2022. It is now read-only.

Commit

Permalink
Change colors (#54)
Browse files Browse the repository at this point in the history
  • Loading branch information
@marvinruder
marvinruder authored Aug 28, 2022
1 parent dbda94a commit 69e87b3
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 29 deletions.
34 changes: 17 additions & 17 deletions src/theme/schemes/NebulaFighterTheme.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@ import { alpha, createTheme, darken } from "@mui/material";
import "@mui/lab/themeAugmentation";

const themeColors = {
primary: "#8C7CF0",
secondary: "#9EA4C1",
primary: "#3D6399",
secondary: "#B0B0B0",
success: "#57CA22",
warning: "#FFA319",
error: "#FF1943",
info: "#33C2FF",
black: "#CBCCD2",
white: "#111633",
primaryAlt: "#111633",
black: "#CFCFCF",
white: "#212121",
primaryAlt: "#212121",
trueWhite: "#ffffff",
};

Expand Down Expand Up @@ -40,27 +40,27 @@ const colors = {
"0px 1px 4px rgba(255, 25, 67, 0.25), 0px 3px 12px 2px rgba(255, 25, 67, 0.35)",
info: "0px 1px 4px rgba(51, 194, 255, 0.25), 0px 3px 12px 2px rgba(51, 194, 255, 0.35)",
primary:
"0px 1px 4px rgba(112, 99, 192, 0.25), 0px 3px 12px 2px rgba(112, 99, 192, 0.35)",
"0px 1px 4px rgba(112, 99, 192, 0.25), 0px 3px 12px 2px rgba(61, 99, 153, 0.35)",
warning:
"0px 1px 4px rgba(255, 163, 25, 0.25), 0px 3px 12px 2px rgba(255, 163, 25, 0.35)",
card: "0px 0px 2px #6A7199",
cardSm: "0px 0px 2px #6A7199",
card: "0px 0px 2px #828282",
cardSm: "0px 0px 2px #828282",
cardLg:
"0 0rem 14rem 0 rgb(255 255 255 / 20%), 0 0.8rem 2.3rem rgb(111 130 156 / 3%), 0 0.2rem 0.7rem rgb(17 29 57 / 15%)",
"0 0rem 14rem 0 rgb(255 255 255 / 20%), 0 0.8rem 2.3rem rgb(133 133 133 / 3%), 0 0.2rem 0.7rem rgb(38 38 38 / 15%)",
},
layout: {
general: {
bodyBg: "#070C27",
bodyBg: "#171717",
},
sidebar: {
background: themeColors.primaryAlt,
textColor: themeColors.secondary,
dividerBg: "#272C48",
menuItemColor: "#9EA4C1",
dividerBg: "#383838",
menuItemColor: themeColors.secondary,
menuItemColorActive: "#ffffff",
menuItemBg: themeColors.primaryAlt,
menuItemBgActive: "rgba(43, 48, 77, .6)",
menuItemIconColor: "#444A6B",
menuItemBgActive: "rgba(61, 61, 61, .6)",
menuItemIconColor: "#575757",
menuItemIconColorActive: "#ffffff",
menuItemHeadingColor: darken(themeColors.secondary, 0.3),
},
Expand Down Expand Up @@ -238,13 +238,13 @@ export const NebulaFighterTheme = createTheme({
menuItemIconColor: colors.layout.sidebar.menuItemIconColor,
menuItemIconColorActive: colors.layout.sidebar.menuItemIconColorActive,
menuItemHeadingColor: colors.layout.sidebar.menuItemHeadingColor,
boxShadow: "1px 0 0 #272C48",
boxShadow: "1px 0 0 #383838",
width: "290px",
},
header: {
height: "80px",
background: themeColors.primaryAlt,
boxShadow: "0px 1px 0px #272C48",
boxShadow: "0px 1px 0px #383838",
textColor: colors.secondary.main,
},
spacing: 9,
Expand Down Expand Up @@ -324,7 +324,7 @@ export const NebulaFighterTheme = createTheme({
MuiBackdrop: {
styleOverrides: {
root: {
backgroundColor: alpha(darken("#070C27", 0.5), 0.4),
backgroundColor: alpha(darken("#171717", 0.5), 0.4),
backdropFilter: "blur(2px)",

"&.MuiBackdrop-invisible": {
Expand Down
24 changes: 12 additions & 12 deletions src/theme/schemes/PureLightTheme.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@ import { alpha, createTheme, lighten, darken } from "@mui/material";
import "@mui/lab/themeAugmentation";

const themeColors = {
primary: "#5569ff",
secondary: "#6E759F",
primary: "#247AF2",
secondary: "#878787",
success: "#57CA22",
warning: "#FFA319",
error: "#FF1943",
info: "#33C2FF",
black: "#223354",
black: "#3B3B3B",
white: "#ffffff",
primaryAlt: "#000C57",
primaryAlt: "#2B2B2B",
};

const colors = {
Expand Down Expand Up @@ -39,27 +39,27 @@ const colors = {
"0px 1px 4px rgba(255, 25, 67, 0.25), 0px 3px 12px 2px rgba(255, 25, 67, 0.35)",
info: "0px 1px 4px rgba(51, 194, 255, 0.25), 0px 3px 12px 2px rgba(51, 194, 255, 0.35)",
primary:
"0px 1px 4px rgba(85, 105, 255, 0.25), 0px 3px 12px 2px rgba(85, 105, 255, 0.35)",
"0px 1px 4px rgba(36, 122, 242, 0.25), 0px 3px 12px 2px rgba(36, 122, 242, 0.35)",
warning:
"0px 1px 4px rgba(255, 163, 25, 0.25), 0px 3px 12px 2px rgba(255, 163, 25, 0.35)",
card: "0px 9px 16px rgba(159, 162, 191, .18), 0px 2px 2px rgba(159, 162, 191, 0.32)",
card: "0px 9px 16px rgba(176, 176, 176, .18), 0px 2px 2px rgba(176, 176, 176, 0.32)",
cardSm:
"0px 2px 3px rgba(159, 162, 191, .18), 0px 1px 1px rgba(159, 162, 191, 0.32)",
"0px 2px 3px rgba(176, 176, 176, .18), 0px 1px 1px rgba(176, 176, 176, 0.32)",
cardLg:
"0 5rem 14rem 0 rgb(255 255 255 / 30%), 0 0.8rem 2.3rem rgb(0 0 0 / 60%), 0 0.2rem 0.3rem rgb(0 0 0 / 45%)",
},
layout: {
general: {
bodyBg: "#f2f5f9",
bodyBg: "#F5F5F5",
},
sidebar: {
background: themeColors.white,
textColor: themeColors.secondary,
dividerBg: "#f2f5f9",
menuItemColor: "#242E6F",
dividerBg: "#F5F5F5",
menuItemColor: "#4A4A4A",
menuItemColorActive: themeColors.primary,
menuItemBg: themeColors.white,
menuItemBgActive: "#f2f5f9",
menuItemBgActive: "#F5F5F5",
menuItemIconColor: lighten(themeColors.secondary, 0.3),
menuItemIconColorActive: themeColors.primary,
menuItemHeadingColor: darken(themeColors.secondary, 0.3),
Expand Down Expand Up @@ -239,7 +239,7 @@ export const PureLightTheme = createTheme({
menuItemIconColorActive: colors.layout.sidebar.menuItemIconColorActive,
menuItemHeadingColor: colors.layout.sidebar.menuItemHeadingColor,
boxShadow:
"2px 0 3px rgba(159, 162, 191, .18), 1px 0 1px rgba(159, 162, 191, 0.32)",
"2px 0 3px rgba(176, 176, 176, .18), 1px 0 1px rgba(176, 176, 176, 0.32)",
width: "290px",
},
header: {
Expand Down

0 comments on commit 69e87b3

Please sign in to comment.