z/css/color.css

:root {
  --theme-color: #8f91ea;
  --timestamp-color: #b5b5b5;
  --status-online: #28a745;
  --status-offline: #888888;
  --bg-gradient: linear-gradient(135deg, #121212, #1c1c1c);
  --bg-color: #121212;
  --text-color: #f5f5f5;
  --menu-bg: #1c1c1c;
  --menu-text-color: #8f91ea;
  --shadow-color: rgba(0, 0, 0, 0.5);
  --icon-color: invert(100%);
  --highlight-color: #8f91ea;
  --friend-item-hover: #2b2b2b;
  --btn-text-color: #ffffff;
  --btn-bg: linear-gradient(135deg, #6a75c9, #5a67c8);
  --btn-bg-hover: linear-gradient(135deg, #5a67c8, #4854c8);
  --btn-bg-danger: linear-gradient(135deg, #e57373, #c0392b);
  --btn-bg-danger-hover: linear-gradient(135deg, #c0392b, #96281b);
  --scrollbar-thumb: #444444;
  --scrollbar-track: #1c1c1c;
  --bg-slider-color: rgba(143, 145, 234, 0.1);
  --switch-slider: #555555;
  --switch-slider-before: #ffffff;
  --switch-slider-checked: #8f91ea;
  --error-message: red;
  --spinner-border: #f3f3f3;
  --gradient-speed: 5s;
  --input-border: #6a75c9;
  --input-focus-border: #8f91ea;
  --bg-gradient: linear-gradient(45deg, #1c1e3a, #2a2d4b, #3c3f5b);
}

[data-theme="light"] {
  --theme-color: #8f91ea;
  --timestamp-color: #6c757d;
  --status-online: #28a745;
  --status-offline: #adb5bd;
  --bg-gradient: linear-gradient(135deg, #ffffff, #f4f4f4);
  --bg-color: #ffffff;
  --text-color: #212529;
  --menu-bg: #e9ecef;
  --menu-text-color: #8f91ea;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --icon-color: none;
  --highlight-color: #8f91ea;
  --friend-item-hover: #f1f3f5;
  --btn-text-color: #ffffff;
  --btn-bg: linear-gradient(135deg, #6a75c9, #5a67c8);
  --btn-bg-hover: linear-gradient(135deg, #5a67c8, #4854c8);
  --btn-bg-danger: linear-gradient(135deg, #e57373, #c0392b);
  --btn-bg-danger-hover: linear-gradient(135deg, #c0392b, #96281b);
  --scrollbar-thumb: #cccccc;
  --scrollbar-track: #f7f7f7;
  --bg-slider-color: rgba(143, 145, 234, 0.1);
  --switch-slider: #cccccc;
  --switch-slider-before: #ffffff;
  --switch-slider-checked: #8f91ea;
  --error-message: red;
  --spinner-border: #f3f3f3;
  --gradient-speed: 5s;
  --input-border: #6a75c9;
  --input-focus-border: #8f91ea;
  --bg-gradient: linear-gradient(45deg, #1c1e3a, #2a2d4b, #3c3f5b);
}