* {
  --base:           #0f0e0d;
  --surface:        #1c1b1a;
  --overlay:        #201f1e;
  --muted:          #2b2a28;
  --subtle:         #363433;
  --text:           #e6e2df;
  --secondary:      #ccc6bd;
  --primary:        #cec6b3;
  --on_primary:      #353023;
}

:root {
  /* Core Color Palette Overrides */
  --zen-colors-primary: var(--base) !important;
  --zen-primary-color: var(--base) !important;
  --zen-colors-secondary: var(--surface) !important;
  --zen-colors-tertiary: var(--overlay) !important;
  --zen-colors-border: var(--primary) !important;

  /* Backgrounds */
  --toolbar-bgcolor: var(--base) !important;
  --newtab-background-color: var(--overlay) !important;
  --zen-themed-toolbar-bg: var(--base) !important;
  --zen-main-browser-background: var(--base) !important;
  --toolbox-bgcolor-inactive: var(--base) !important;

  /* Text & Icons */
  --lwt-text-color: var(--text) !important;
  --toolbarbutton-icon-fill: var(--primary) !important;
  --toolbar-field-color: var(--text) !important;
  --toolbar-field-focus-color: var(--text) !important;
  --toolbar-color: var(--text) !important;
  --tab-selected-textcolor: var(--primary) !important;
  --newtab-text-primary-color: var(--text) !important;

  /* Popups & Menus */
  --arrowpanel-color: var(--text) !important;
  --arrowpanel-background: var(--overlay) !important;

  /* Sidebar Stuff */
  --sidebar-text-color: var(--text) !important;
  --lwt-sidebar-text-color: var(--text) !important;
  --lwt-sidebar-background-color: var(--base) !important;

  /* --- Tab Selection --- */
  --tab-selected-textcolor: var(--primary) !important;
}

/* Element Specific Overrides */

#permissions-granted-icon {
  color: var(--base) !important;
}

.sidebar-placesTree {
  background-color: var(--surface) !important;
}

#zen-workspaces-button {
  background-color: var(--surface) !important;
}

#urlbar-background {
  background-color: var(--surface) !important;
}

.tab-background[selected=""] {
  background: var(--overlay) !important;
}

.content-shortcuts {
  background-color: var(--surface) !important;
  border-color: var(--secondary) !important;
}

.urlbarView-url {
  color: var(--primary) !important;
}

#zenEditBookmarkPanelFaviconContainer {
  background: var(--base) !important;
}

#zen-toast-container {
  color: var(--primary) !important;
}

toolbar .toolbarbutton-1 {
  &:not([disabled]) {
    &:is([open], [checked]) > :is(
    .toolbarbutton-icon,
    .toolbarbutton-text,
    .toolbarbutton-badge-stack
    ) {
      fill: var(--base);
    }
  }
}

#TabsToolbar {
  background-color: var(--base) !important;
}

hbox#titlebar {
  background-color: var(--base) !important;
}

#zen-appcontent-navbar-container {
  background-color: var(--base) !important;
}

/* Zen toast/indicator contrast visibility issue fix */
#zen-toast-container {
  color: var(--primary) !important;
}

/* Pane UI button visibility issue fix */
#PanelUI-menu-button[open] .toolbarbutton-icon {
  fill: var(--primary) !important;
}
/* Common variables affecting all pages */
  @-moz-document url-prefix("about:") {
    :root {
      --in-content-page-color: #ccc6bd !important;
      --color-accent-primary: #cec6b3 !important;
      /* --color-accent-primary-hover: rgb(249, 217, 240) !important;
      --color-accent-primary-active: rgb(245, 195, 219) !important; */
      background-color: #201f1e !important;
      --in-content-page-background: #201f1e !important;
    }

  }

  /* Variables and styles specific to about:newtab and about:home */
  @-moz-document url("about:newtab"), url("about:home") {

    :root {
      --newtab-background-color: #201f1e !important;
      --newtab-background-color-secondary: #2b2a28 !important;
      --newtab-element-hover-color: #2b2a28 !important;
      --newtab-text-primary-color: #ccc6bd !important;
      --newtab-wordmark-color: #ccc6bd !important;
      --newtab-primary-action-background: #cec6b3 !important;
    }

    .icon {
      color: #cec6b3 !important;
    }

    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
      color: #cec6b3 !important;
    }
  }

  /* Variables and styles specific to about:preferences */
  @-moz-document url-prefix("about:preferences") {
    :root {
      --zen-colors-tertiary: #1c1b1a !important;
      --in-content-text-color: #ccc6bd !important;
      --link-color: #cec6b3 !important;
      /* --link-color-hover: rgb(249, 217, 240) !important; */
      --zen-colors-primary: #2b2a28 !important;
      --in-content-box-background: #2b2a28 !important;
      --zen-primary-color: #cec6b3 !important;
    }

    groupbox , moz-card{
      background: #201f1e !important;
    }

    button,
    groupbox menulist {
      background: #2b2a28 !important;
      color: #ccc6bd !important;
    }

    .main-content {
      background-color: #0f0e0d !important;
    }
  }

  /* Variables and styles specific to about:addons */
  @-moz-document url-prefix("about:addons") {
    :root {
      --zen-dark-color-mix-base: #1c1b1a !important;
      --background-color-box: #201f1e !important;
    }
  }

  /* Variables and styles specific to about:protections */
  @-moz-document url-prefix("about:protections") {
    :root {
      --zen-primary-color: #201f1e !important;
      --in-content-primary-button-text-color-hover: #ccc6bd !important;
      --in-content-primary-button-background: #201f1e !important;
      --in-content-primary-button-text-color: #ccc6bd !important;
    }

    .card {
      background-color: #2b2a28 !important;
    }
  }
    /* Pane UI button visibility issue fix */
  #PanelUI-menu-button[open] .toolbarbutton-icon {
    fill: #cec6b3 !important;
  }
}
fish: Job 1, 'cat ~/.cache/noctalia/zen-brows…' has ended


~