Sweet Theme for Microsoft Edge by mertkont

/* ==UserStyle==
@name           Sweet Theme for Microsoft Edge
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A Sweet-inspired theme for Microsoft Edge
@author         YourName
@preprocessor   default
==/UserStyle== */

@-moz-document url-prefix("edge://") {
  /* Sweet Theme for Microsoft Edge */

  :root {
    --sweet-bg: #161925;
    --sweet-fg: #c3c7d1;
    --sweet-accent: #c74ded;
    --sweet-secondary: #7cb7ff;
    --sweet-tertiary: #71f79f;
    --sweet-warning: #f9dc5c;
    --sweet-error: #ed254e;
  }

  /* Main background and text */
  body, .tab-row {
    background-color: var(--sweet-bg) !important;
    color: var(--sweet-fg) !important;
  }

  /* Tabs */
  .tab {
    background-color: rgba(40, 44, 52, 0.8) !important;
    color: var(--sweet-fg) !important;
  }

  .tab:hover {
    background-color: rgba(58, 62, 74, 0.8) !important;
  }

  .tab.active {
    background-color: rgba(58, 62, 74, 0.9) !important;
    border-top: 2px solid var(--sweet-accent) !important;
  }

  /* Address bar */
  #addressbar {
    background-color: rgba(40, 44, 52, 0.8) !important;
    color: var(--sweet-fg) !important;
  }

  /* Buttons and icons */
  button, .icon {
    color: var(--sweet-fg) !important;
  }

  button:hover, .icon:hover {
    background-color: rgba(58, 62, 74, 0.8) !important;
  }

  /* Links */
  a {
    color: var(--sweet-secondary) !important;
  }

  a:hover {
    color: var(--sweet-tertiary) !important;
  }

  /* Scrollbar */
  ::-webkit-scrollbar {
    width: 10px;
    background-color: var(--sweet-bg);
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--sweet-accent);
  }

  /* Dropdown menus */
  .dropdown-menu {
    background-color: var(--sweet-bg) !important;
    color: var(--sweet-fg) !important;
    border: 1px solid var(--sweet-accent) !important;
  }

  /* Alerts and notifications */
  .alert, .notification {
    background-color: var(--sweet-warning) !important;
    color: var(--sweet-bg) !important;
  }

  .error {
    background-color: var(--sweet-error) !important;
    color: var(--sweet-fg) !important;
  }
}