css code

:root {
  --glass-bg-dark:         rgba(20, 24, 32, 0.78);
  --glass-bg-tab-active:   rgba(20, 24, 32, 0.92);
  --glass-bg-tab-inactive: rgba(20, 24, 32, 0.65);
  --glass-border:          rgba(255, 255, 255, 0.40);
  --glass-blur-strong: 60px;
  --glass-blur-tab:    24px;
}

#navigator-toolbox {
  background-color: transparent !important;
  border: none !important;
}

#navigator-toolbox::after {
  border: none !important;
}

#TabsToolbar,
#nav-bar,
#PersonalToolbar {
  background-color: rgba(20, 24, 32, 0.50) !important;
  backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  -moz-backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset !important;
}

#toolbar-menubar {
  background-color: rgba(20, 24, 32, 0.42) !important;
  backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  -moz-backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  border: none !important;
}

.tabbrowser-tab::before,
.tabbrowser-tab::after {
  border: none !important;
}

.tab-background {
  margin-block: 3px !important;
  margin-inline: 2px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
}

.tabbrowser-tab[selected] .tab-background {
  background-color: var(--glass-bg-tab-active) !important;
  backdrop-filter: blur(var(--glass-blur-tab)) saturate(150%) !important;
  -moz-backdrop-filter: blur(var(--glass-blur-tab)) saturate(150%) !important;
  border-color: var(--glass-border) !important;
}

.tabbrowser-tab:not([selected]) .tab-background {
  background-color: var(--glass-bg-tab-inactive) !important;
}

#TabsToolbar * {
  color: #f9f9fb !important;
  fill: #f9f9fb !important;
}

.tabbrowser-tab[attention] .tab-label {
  text-decoration: underline !important;
}

#urlbar {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -moz-backdrop-filter: none !important;
  box-shadow: none !important;
}

#urlbar-background,
#searchbar {
  background-color: var(--glass-bg-tab-active) !important;
  backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  -moz-backdrop-filter: blur(var(--glass-blur-strong)) saturate(140%) contrast(103%) !important;
  border-radius: 10px !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.30),
    0 4px 14px rgba(0, 0, 0, 0.40) !important;
}

#urlbar[focused="true"] > #urlbar-background {
  background-color: rgba(20, 24, 32, 0.98) !important;
}

#urlbar-input,
#urlbar * {
  color: #f9f9fb !important;
  fill: #f9f9fb !important;
}

.toolbarbutton-1,
#nav-bar toolbarbutton {
  border-radius: 8px !important;
}

.toolbarbutton-1:hover,
#nav-bar toolbarbutton:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.toolbarbutton-1[open="true"],
.toolbarbutton-1:active {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

#nav-bar * {
  color: #f9f9fb !important;
  fill: #f9f9fb !important;
}

.browser-container {
  border-top: none !important;
}