Update Theme: PywalZen

[Axenide]

Hi, some people pointed out some non-themed parts of the UI, so I fixed it. Here is the new CSS:

:root {
  --zen-primary-color: #d9d9d9 !important;
  --zen-colors-primary: var(--tab-loading-fill) !important;
  --zen-colors-secondary: var(--tab-loading-fill) !important;
  --toolbarbutton-icon-fill: var(--tab-loading-fill) !important;
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="default"]) {
  --zen-colors-tertiary: var(--lwt-accent-color) !important;
  --zen-main-browser-background: var(--lwt-accent-color) !important;
  --zen-themed-toolbar-bg: var(--lwt-accent-color) !important;
  --arrowpanel-background: var(--lwt-accent-color) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: var(--lwt-accent-color) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="dark"]) {
  --zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
  --zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
  --zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
  --arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="darker"]) {
  --zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
  --zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
  --zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
  --arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="yet-darker"]) {
  --zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
  --zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
  --zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
  --arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
  }
}

:root:has(#theme-PywalZen[uc-pywalzen-darkness="pitch-black"]) {
  --zen-colors-tertiary: black !important;
  --zen-main-browser-background: black !important;
  --zen-themed-toolbar-bg: black !important;
  --arrowpanel-background: black !important;
  #urlbar[breakout-extend="true"] > #urlbar-background {
    background: black !important;
  }
}

#urlbar:not([focused="true"]):not([breakout-extend="true"]) > #urlbar-background {
  background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-secondary)) 35%, transparent 65%) !important;
}

#commonDialogWindow {
  background-color: black !important;
}

Thanks!

[Kaedriz]

Create pull request for your changes for better chances of getting though.

You need to clone this repo, or just open in github.dev, then make your changes, commit, push as pull request. Then dev would just have to click 1 button to accept & merge update instead of manually replacing code blindly.

[Axenide]

@Kaedriz Sure, I'll do that. Last time it took a long time to get it merged so I thought that I had to create an issue following the Themes Store Submission Guidelines.
Thank you for letting me know!

[Axenide]

There we go. #913