Config – 9M - Studios

Configuration

You can customize the colors of the inventory by editing the config.css file inside the web/dist folder.

config.css

:root {
  --primary: #5FA8FF;
  --primaryAccent: #45C7FF;
  --primaryLight: rgba(27, 85, 110, 0.55);
  --primaryBorder: #2462b371;
  --primaryAccentLight: rgba(36, 77, 139, 0.55);
  --danger: #EE5858;
  --mainBackground: radial-gradient(50% 50% at 50% 50%, rgba(12, 23, 58, 0) 0%, rgba(0, 0, 0, 0.83)0%);
  --background: #000;
  --white: #FFF;
  --whiteLight: rgba(255, 255, 255, .75);
  --whiteTransparent: rgba(255, 255, 255, 0);
  --textShadow: rgba(255, 255, 255, 0.55);
  --strokeGradient: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.37) 0%, rgba(255, 255, 255, 0.00) 100%);
  --itemBackground: linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(0, 0, 0, 0.20);
  --itemAmountBackground: rgba(81, 174, 248, 0.24);
  --shopItemBackground: linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(0, 0, 0, 0.20);
  --buyButtonBackground: radial-gradient(50% 50.03% at 50% 50%, rgba(27, 85, 110, 0.55) 0%, rgba(36, 77, 139, 0.55) 100%);
  --buyButtonBorder: linear-gradient(270deg, rgba(88, 148, 238, 0.25) 0%, rgba(69, 199, 255, 0.25) 44.8%, rgba(88, 148, 238, 0.25) 100%);
  --sellButtonBackground: radial-gradient(50% 50.03% at 50% 50%, rgba(110, 27, 27, 0.55) 0%, rgba(139, 36, 36, 0.55) 100%);
  --sellButtonBorder: linear-gradient(270deg, rgba(238, 88, 88, 0.25) 0%, rgba(255, 69, 69, 0.25) 44.8%, rgba(238, 88, 88, 0.25) 100%);
  --contextMenuBackground: linear-gradient(90deg, #15212F 0%, #1A2E46 100%);
  --hotbarBackground: linear-gradient(90deg, #15212f7c 0%, rgba(26, 46, 70, 0.527) 100%);
}

Chezza Inventory Redesign Setup