@media (prefers-color-scheme: dark) {
    :root {
      --primary: #79aec8;
  --secondary: #8c909a;
  --secondary-fg: #8c909a;
  --secondary-fg-2: #6b7084;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #EEEDEF;
  --body-quiet-color: #666;
  --body-medium-color: #444;
  --body-loud-color: #000;

  --sidebar-bg: #202947;

  --header-color: #ffc;
  --header-branding-color: #222945;
  --header-bg: #202947;
  /*--header-bg: #FFFFFF;*/
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #645bff;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: #264b5d;

  --link-fg: #417893;
  --link-hover-color: #036;
  --link-selected-fg: var(--secondary);

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: #202947;
  --button-hover-bg: #645bff;
  --default-button-bg: #645bff;
  --default-button-hover-bg: #7169dc;
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);


  --sk-bg: #e9ecef; /* temel arka plan */
  --sk-hi: #f5f6f8; /* parlak şerit */
  --sk-radius: 6px;
  --sk-height: 15px; /* satır içi yükseklik */
  --sk-speed: 1.2s;


  --font-family-primary: Poppins, sans-serif;
  --font-family-monospace: ui-monospace,
  Menlo,
  Monaco,
  "Cascadia Mono",
  "Segoe UI Mono",
  "Roboto Mono",
  "Oxygen Mono",
  "Ubuntu Monospace",
  "Source Code Pro",
  "Fira Mono",
  "Droid Sans Mono",
  "Courier New",
  monospace,
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji";

      color-scheme: dark;
    }
  }


html[data-theme="dark"] {
    --primary: #79aec8;
  --secondary: #8c909a;
  --secondary-fg: #8c909a;
  --secondary-fg-2: #6b7084;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #EEEDEF;
  --body-quiet-color: #666;
  --body-medium-color: #444;
  --body-loud-color: #000;

  --sidebar-bg: #202947;

  --header-color: #ffc;
  --header-branding-color: #222945;
  --header-bg: #202947;
  /*--header-bg: #FFFFFF;*/
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #645bff;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: #264b5d;

  --link-fg: #417893;
  --link-hover-color: #036;
  --link-selected-fg: var(--secondary);

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: #202947;
  --button-hover-bg: #645bff;
  --default-button-bg: #645bff;
  --default-button-hover-bg: #7169dc;
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);


  --sk-bg: #e9ecef; /* temel arka plan */
  --sk-hi: #f5f6f8; /* parlak şerit */
  --sk-radius: 6px;
  --sk-height: 15px; /* satır içi yükseklik */
  --sk-speed: 1.2s;


  --font-family-primary: Poppins, sans-serif;
  --font-family-monospace: ui-monospace,
  Menlo,
  Monaco,
  "Cascadia Mono",
  "Segoe UI Mono",
  "Roboto Mono",
  "Oxygen Mono",
  "Ubuntu Monospace",
  "Source Code Pro",
  "Fira Mono",
  "Droid Sans Mono",
  "Courier New",
  monospace,
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji";

    color-scheme: dark;
}

/* THEME SWITCH */
.theme-toggle {
    cursor: pointer;
    border: none;
    padding: 0;
    background: transparent;
    vertical-align: middle;
    margin-inline-start: 5px;
    margin-top: -1px;
}

.theme-toggle svg {
    vertical-align: middle;
    height: 1.5rem;
    width: 1.5rem;
    display: none;
}

/*
Fully hide screen reader text so we only show the one matching the current
theme.
*/
.theme-toggle .visually-hidden {
    display: none;
}

html[data-theme="auto"] .theme-toggle .theme-label-when-auto {
    display: block;
}

html[data-theme="dark"] .theme-toggle .theme-label-when-dark {
    display: block;
}

html[data-theme="light"] .theme-toggle .theme-label-when-light {
    display: block;
}

/* ICONS */
.theme-toggle svg.theme-icon-when-auto,
.theme-toggle svg.theme-icon-when-dark,
.theme-toggle svg.theme-icon-when-light {
    fill: var(--header-link-color);
    color: var(--header-bg);
}

html[data-theme="auto"] .theme-toggle svg.theme-icon-when-auto {
    display: block;
}

html[data-theme="dark"] .theme-toggle svg.theme-icon-when-dark {
    display: block;
}

html[data-theme="light"] .theme-toggle svg.theme-icon-when-light {
    display: block;
}