very bad cheeseburger theme for ombi

steezeburger-ombi-theme.css

/* Base colors inspired by a cheeseburger */
:root {
  --burger-bun: #a58959; /* Bun color */
  --burger-cheese: #ffcd94; /* Cheese color */
  --burger-meat: #804e0f; /* Meat color */
  --burger-lettuce: #4f7942; /* Lettuce color */
  --burger-tomato: #e74c3c; /* Tomato color */
  --burger-sesame: #f5d6a4; /* Sesame seed color */
}


/* Set a general background color similar to a bun */
body {
  background-color: var(--burger-bun) !important;
  color: #333 !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Style the navigation bar with colors of lettuce and tomato */
.mat-sidenav {
  background-color: var(--burger-lettuce) !important;
  border-bottom: 3px solid var(--burger-tomato) !important;
}

/* Navigation links */
.mat-sidenav .mat-nav-list {
  color: #f2f2f2 !important;
  padding: 10px 15px !important;
}

.mat-sidenav a:hover {
  background-color: var(--burger-tomato) !important;
  color: white !important;
}

/* Buttons inspired by cheese and meat */
button {
  background-color: var(--burger-cheese) !important;
  color: var(--burger-meat) !important;
  border: none !important;
  padding: 5px 10px !important; /* Less tall padding */
  font-size: 14px !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}

button:hover {
  background-color: var(--burger-tomato) !important;
  color: white !important;
}

/* Input fields with a subtle bun color */
input[type="text"], input[type="password"], input[type="email"] {
  background-color: var(--burger-sesame) !important;
  border: 1px solid #ccc !important;
  padding: 5px !important;
}

/* Style the mat-toolbar like the top of a bun with sesame seeds */
mat-toolbar {
  background-color: var(--burger-bun) !important;
  color: #333 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Style icons to match the meat color */
i {
  color: var(--burger-meat) !important;
}

.mat-button-toggle-group {
  border: none !important;
}
.button-active {
  background-color: var(--burger-tomato) !important;
}
.mat-sidenav-content {
  background-color: var(--burger-tomato) !important;
}
.mat-button-toggle-group {
  border: none !important;
  background-color: var(--burger-tomato) !important;
}
.active-list-item {
  background-color: var(--burger-cheese) !important;
  border-radius: 1px !important;
}
.mat-focus-indicator {
  border-radius: 1px !important;
}