From b977d7dbb092cab75631cde35386b586f1b90bf0 Mon Sep 17 00:00:00 2001
From: ocean-mars <ocean-mars@noreply@nixnet.servcies>
Date: Fri, 27 Sep 2024 08:22:29 +0000
Subject: [PATCH] Upload files to "Zen Browser"

---
 Zen Browser/userChrome.css  |  58 ++++
 Zen Browser/userContent.css | 578 ++++++++++++++++++++++++++++++++++++
 2 files changed, 636 insertions(+)
 create mode 100644 Zen Browser/userChrome.css
 create mode 100644 Zen Browser/userContent.css

diff --git a/Zen Browser/userChrome.css b/Zen Browser/userChrome.css
new file mode 100644
index 0000000..afacbe5
--- /dev/null
+++ b/Zen Browser/userChrome.css	
@@ -0,0 +1,58 @@
+/* Compact Tab Bar *//*
+@media (-moz-bool-pref: "zen.view.compact") {#navigator-toolbox {height: 86vh !important;}}
+/* Hide Buttons */
+#alltabs-button{display:none !important;}   /* Tab Button */
+#star-button-box {display: none !important;}   /* Bookmarks Star Button */
+#tracking-protection-icon-container {display: none !important;}   /* Shield Button */
+#urlbar-zoom-button {display: none !important;}   /* URL Zoom Button */
+#reader-mode-button {display: none !important;}   /* Reader Mode Button */
+#picture-in-picture-button {display: none !important;}   /* PIP Button */
+#PanelUI-menu-button {display: none !important;}*/ /* Three dot settings button */
+#unified-extensions-button {display: none !important;} /* Extension Button */
+#pageAction-urlbar-_testpilot-containers, #userContext-icons{display: none !important;}
+.tab-context-line{display: none !important;} /* Default Container tab theme */
+/*#zen-history-button{display:none !important;}*/   /* Tab-bar History Button */
+/* Increase Compat Hover */
+@media (-moz-bool-pref: "zen.view.compact") {
+@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {#zen-appcontent-navbar-container {transform: translateY(calc(-100% + 20px)) !important;}
+#zen-appcontent-navbar-container:hover, #zen-appcontent-navbar-container:focus-within, #zen-appcontent-navbar-container[zen-user-show],
+#mainPopupSet:has(> #appMenu-popup:hover)~#zen-appcontent-navbar-container, #zen-appcontent-navbar-container:has([open="true"]) {transform: translateY(0) !important;}}}
+/* Remove Border Padding */
+:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer  {margin: 0 !important; border-radius: 0 !important;}}
+@media (-moz-bool-pref: "zen.view.compact") {
+@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {:root:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels, #tabbrowser-tabpanels {padding-left: 0 !important;
+padding-top: 0 !important;padding-right: 0 !important; padding-bottom: 0 !important;}}}
+/* URL-bar */
+/*  Put Reload or Extension Button inside URL-bar */
+/*#unified-extensions-button{width: 1.85px; padding-inline: 0 !important} #unified-extensions-button > .toolbarbutton-icon {width: 0 !important;} #urlbar{padding-inline-end: calc(17px + 2 * var(--urlbar-icon-padding));}*/
+#urlbar-container+.chromeclass-toolbar-additional{margin-inline-start: calc(0px - 19px - 2 * var(--urlbar-icon-padding) - var(--urlbar-margin-inline)) !important; position: relative;
+--toolbarbutton-inner-padding: var(--urlbar-icon-padding); --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);}
+/* Centers the url text */
+#urlbar:not([focused]) .urlbar-input {text-align: center !important;}
+/* Container Tab Theme */
+#tabbrowser-tabs { & .tabbrowser-tab { &[selected] .tab-background {border: 2px solid var(--identity-icon-color) !important; opacity: 0.8 !important;}}}
+/* Catpucin Theme */
+@-moz-document url-prefix("chrome:") {:root {--zen-colors-primary: #24273a !important; --zen-colors-secondary: #1e2030 !important; --zen-colors-tertiary: #181926 !important; --zen-colors-border: #363a4f !important;}}
+/* Disable Rounded Corners */
+:root .browserSidebarContainer {margin: unset!important;box-shadow: unset!important;clip-path: unset!important;border-radius: unset!important;overflow: unset!important;}
+/*  Flotaing Navigation Bar */
+#zen-appcontent-navbar-container {padding: calc(var(--zen-element-separation) * 2) !important; border: none !important; background: none !important; box-sizing: border-box;}
+#nav-bar, #PersonalToolbar {background: var(--zen-colors-tertiary) !important; border-radius: var(--zen-border-radius); border: 1px solid var(--zen-colors-border) !important;}
+#PersonalToolbar {margin-top: var(--zen-element-separation);} #PersonalToolbar, .bookmark-item {padding: var(--zen-element-separation);}
+#nav-bar, #PersonalToolbar { width: 75vw !important; margin-left: calc( 12.5vw - var(--zen-element-separation) * 2) !important;}
+#main-window {--zen-element-separation: 10px !important;} #PersonalToolbar, .bookmark-item { padding: calc( var(--zen-element-separation) / 2 );}
+/* Floating Tab bar */
+@media (-moz-bool-pref: "zen.view.compact") {:root:not([customizing]) {--separation: calc(var(--zen-element-separation) + 1px);--margin: 3px;--horiz-padding: 10px;--vert-padding: 5px;
+@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {& #navigator-toolbox{position: absolute !important;left: 0 !important;padding-right: var(--horiz-padding) !important;
+padding-left: calc(var(--margin) + calc(var(--separation) + var(--horiz-padding))) !important;padding-top: calc(var(--vert-padding) + var(--margin)) !important;
+padding-bottom: calc(var(--vert-padding) + var(--margin)) !important;top: 10.6vh !important;bottom: var(--separation) !important;height: 80vh !important;border: none !important;
+box-shadow: none !important;background: none !important;min-width: calc(calc(calc(var(--horiz-padding) * 2) + var(--zen-toolbox-max-width)) + var(--margin)) !important;transform: translate3d(-90%, 0, 0) !important;}
+& #navigator-toolbox[zen-expanded]{min-width: 204px !important;}& #navigator-toolbox::before{content: "" !important;position: absolute !important;top: var(--margin) !important;bottom: var(--margin) !important;
+left: calc(var(--separation) + var(--margin)) !important;right: 0 !important;background: var(--zen-themed-toolbar-bg) !important;border-radius: var(--zen-border-radius) !important;box-shadow: 15px -10px 20px -20px black !important;
+border: none;} & #navigator-toolbox:hover, & #navigator-toolbox[zen-has-hover], & #navigator-toolbox:focus-within, & #navigator-toolbox[zen-user-show], & #navigator-toolbox[flash-popup], 
+& #navigator-toolbox[has-popup-menu], & #navigator-toolbox[movingtab], & #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, & #navigator-toolbox:has(.tabbrowser-tab:active), 
+& #navigator-toolbox:has([open="true"]:not(tab):not(#zen-sidepanel-button)){transform: translate3d(0, 0, 0) !important;}}}}
+/* Theme 1 *//*
+@media (prefers-color-scheme: dark) {:root {--zen-colors-tertiary: #080e16 !important; --zen-colors-border: #133048 !important; --zen-primary-color: #8fa8d1 !important;
+--zen-dialog-background: #101b2c !important; --toolbarbutton-icon-fill: color-mix(in srgb, var(--zen-primary-color) 70%, white 30%) !important;
+--toolbar-field-color: color-mix(in srgb, var(--zen-primary-color) 40%, white 60%) !important;}} */
diff --git a/Zen Browser/userContent.css b/Zen Browser/userContent.css
new file mode 100644
index 0000000..ec298d5
--- /dev/null
+++ b/Zen Browser/userContent.css	
@@ -0,0 +1,578 @@
+/*new tab page */
+@-moz-document url(about:newtab), url(about:home) {
+  a[href="https://mullvad.net/check/"] .tile .letter-fallback {
+    width: 64px !important;
+    height: 64px !important;
+    background-color: transparent !important;
+    background-image: url(assets/mullvad.png) !important;
+    background-size: 64px !important;
+    &::before { display: none !important; }}
+a[href="https://comick.io/"] .tile .letter-fallback {
+  width: 58px !important;
+  height: 58px !important;
+  background-color: transparent !important;
+  background-image: url(assets/comick.png) !important;
+  background-size: 58px !important;
+  &::before { display: none !important; }}
+  @media (prefers-color-scheme: dark){
+    :root {
+    --uc-active: rgba(8,14,22, 0.8);
+    --uc-selected: rgba(8,14,22, 0.3);
+    --uc-text: #fbfbfe;
+    --uc-background: rgba(9,14,23, 0.6);
+    --uc-background-ii: rgba(8,14,22, 0.6);
+    --uc-background-iii: rgba(190,190,255,0.1);
+    --newtab-element-active-color: var(--uc-active) !important;}
+    body {
+    --newtab-background-color-secondary: transparent !important;
+    --newtab-element-hover-color: var(--uc-selected) !important;
+    --newtab-element-secondary-hover-color: var(--uc-selected) !important;
+    --newtab-element-secondary-active-color: var(--uc-active) !important;
+    --newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 88%, var(--newtab-wordmark-color)) !important;
+    --newtab-primary-element-text-color: var(--newtab-text-primary-color) !important;
+    --newtab-search-icon: url("chrome://global/skin/icons/search-glass.svg") !important;
+    background-repeat: no-repeat !important;
+    background-position: center !important;
+    background-size: cover !important;
+    background-attachment: fixed !important;}
+    .outer-wrapper {
+      background-image: url(assets/wallpaper-1.png) !important; /* Image in chrome folder */
+      background-size: cover !important;
+      background-attachment: fixed !important;
+      color: rgb(255, 255, 255) !important; /* Text color */}
+    .discovery-stream.ds-layout .ds-column-grid {
+      display: flex;
+      justify-content: center;}
+    .section-title-container { visibility: hidden !important; }
+    .section-title span {
+    opacity: 80% !important;
+    font-size: 20px !important; font-weight: bold !important;
+    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;}
+    .top-site-outer .tile {
+    border-radius: 18px !important;
+    background: transparent !important;
+    filter: saturate(140%) !important;
+    backdrop-filter: blur(33px);}
+    .top-site-outer .default-icon {
+    width: 101% !important; height: 101% !important;
+    background-size: 100% !important;}
+    .top-site-outer .tile .icon-wrapper {
+    /*width: 100% !important;height: 100% !important;*/
+    border-radius: 18px !important;}
+    .top-site-outer .tile .icon-wrapper::before {
+    translate: 0px 10px;
+    font-size: 100px !important;
+    opacity: 0.75 !important;}
+    .search-wrapper .logo-and-wordmark .wordmark {
+    width: 66vw !important;
+    opacity: 85% !important;
+    fill: var(--uc-text) !important;}
+    .search-inner-wrapper {
+    display: flex !important;
+    margin-top: 16px !important;
+    outline: none !important;
+    filter: saturate(140%) !important;
+    background-color: rgba(8,14,22, 0.1) !important;
+    border-radius: 18px !important;
+    padding: 0;
+    position: relative;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    backdrop-filter: blur(33px);
+    background-blend-mode: overlay;
+    height: auto !important;}
+    @supports -moz-bool-pref("browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar"){
+    .search-inner-wrapper:not(:focus){
+    background: var(--newtab-pinnedsites-background) !important;
+    backdrop-filter: blur(33px) !important;
+    filter: saturate(140%) !important;}}
+    .search-inner-wrapper:not(:focus) input, .search-wrapper:not(:active) input:focus{
+    background-color: var(--newtab-pinnedsites-background) !important;
+    backdrop-filter: blur(33px) !important;
+    filter: saturate(140%) !important;
+    border-radius: 34px !important;}
+    .search-handoff-button{
+    border-color: transparent !important;
+    border-radius: 34px !important;
+    box-shadow: none !important;}
+    .search-wrapper .search-inner-wrapper:active input, .search-wrapper input:focus {
+    outline: 1px solid var(--button-active-bgcolor) !important;
+    outline-offset: -1px !important;
+    border: transparent !important;
+    margin-left: 1px !important;
+    z-index: 1 !important;}
+    .search-wrapper .search-handoff-button, .search-wrapper input {
+    padding-inline-start: 0px !important;
+    padding-inline-end: 0px !important;}
+    .search-wrapper .logo-and-wordmark .wordmark { margin-inline-start: 0 !important; }
+    .search-wrapper .search-button:focus, .search-wrapper .search-button:hover {
+    fill: white !important;}
+    
+    .search-wrapper .search-inner-wrapper:active input,
+    .search-wrapper input:focus {
+    box-shadow: none !important;}
+    .search-handoff-button .fake-textbox { text-align: center !important;}
+    .search-wrapper .search-handoff-button { filter: grayscale(100%); }
+    browser[primary="true"][tabDialogShowing="true"],
+    #main-window[window-modal-open="true"] > body > #browser{
+    filter: blur(10px)}
+    @media (height > 700px) {
+    body:not(.inline-onboarding) .fixed-search .search-wrapper {
+    background-color: rgba(8,14,22, 0.1)  !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    backdrop-filter: blur(33px);
+    border-color: transparent !important;}}
+    .section-top-bar { display: block !important; }
+    .personalize-button { padding: 10px !important; }
+    .logo{ display: none !important; }
+    .icon.icon-settings {opacity: 85% !important;}
+    .context-menu {
+    background-color: var(--uc-background-ii)  !important;
+    border-radius: 18px !important;
+    padding: 0.4rem;
+    position: relative;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    backdrop-filter: blur(33px);
+    background-blend-mode: overlay;
+    display: flex;
+    line-height: 25px;}
+    .context-menu > ul > li > a, .context-menu > ul > li > button {
+    line-height: unset !important;
+    font-weight: normal !important;
+    color: var(--uc-text) !important;}
+    .context-menu > ul > li.separator {
+    display:flex !important;
+    border-bottom: none !important;
+    margin: 0px 0 !important;
+    font-size: flex !important;
+    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
+    button, input {
+    color: inherit !important;
+    font-size: unset !important;}    
+    @media (min-width: 1122px) and (max-width: 1506px) {
+    .top-sites-list :nth-child(8n) .context-menu {
+    font-size: unset !important;
+    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;}}    
+    .customize-menu.customize-animate-enter-done,
+    .customize-menu.customize-animate-enter-active,
+    .customize-menu.customize-animate-exit-active,
+    .customize-menu.customize-animate-exit-done
+    { box-shadow: 0 0px 15px rgb(0 0 0 / 35%) !important; }
+    .context-menu > ul > li > button:is(:focus, :hover) {
+    border-radius: 10px;
+    background: var(--uc-background-ii) !important;}
+    .customize-menu {
+    background-color: var(--uc-background-ii)  !important;
+    border-radius: 12px !important;
+    padding: 0.4rem;
+    position: relative;
+    backdrop-filter: blur(33px);
+    background-blend-mode: overlay;
+    margin: 10px 10px 10px 0px !important;
+    height: auto !important;
+    font-weight: normal !important;
+    box-shadow: unset !important;}
+    .top-site-outer .context-menu-button { transform: scale(1.3); }
+    .home-section .divider { border-top: unset !important; }
+    .home-section .section .selector {
+    border: none !important;
+    box-shadow: 3px 10px 15px rgb(0 0 0 / 20%) !important;
+    background: url("icons/down.svg") right no-repeat !important;
+    background-origin: content-box !important;}
+    .home-section .external-link { text-decoration: none !important; }    
+    .toggle-button {
+      --toggle-dot-background-color: #fefefe !important;
+      --toggle-dot-background-color-on-pressed: #fefefe !important;
+      --toggle-border-color: #fefefe !important;
+      --toggle-border-radius: var(--border-radius-circle);
+      --toggle-border-width: var(--border-width);
+      --toggle-height: var(--size-item-small);
+      --toggle-width: calc(var(--size-item-large)*0.9) !important;
+      --toggle-dot-margin: -1px !important;
+      --toggle-dot-height: calc(var(--toggle-height)) !important;
+      --toggle-dot-width: var(--toggle-dot-height) !important;
+      --toggle-dot-transform-x: calc(var(--toggle-width) - 1 * var(--toggle-dot-margin) - var(--toggle-dot-width)) !important;}        
+    .customize-menu .close-button {
+    box-shadow: 3px 10px 15px rgb(0 0 0 / 20%) !important;
+    font-weight: unset !important;
+    border-radius: 10px !important;
+    background-color: var(--uc-background-iii) !important;}
+    .home-section .section .sponsored-checkbox:checked
+    { background-color: #2186fb !important; }
+    .home-section .section .selector {
+    background-color: var(--uc-background-iii) !important;
+    border-radius: 10px !important;}
+    .customize-menu .close-button:hover
+    { background-color: var(--uc-selected) !important; }}
+    @media (prefers-color-scheme: dark){
+    .top-site-icon{ background-color: transparent !important; }
+    .top-site-outer .title {
+    opacity: 80% !important;
+    font-weight: normal !important;
+    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
+    text-transform: capitalize!important;}
+    .collapsible-section { margin-left: -12px !important; }
+    .top-site-outer:hover .tile, .card-outer:hover .card
+    { background-color: var(--uc-background-ii) !important; transform: scale(1.15);}
+    .top-site-outer:is(:focus-within) .tile, .card-outer:is(.active,:focus-within) .card{
+    background-color: var(--uc-background-ii) !important;
+    box-shadow: none !important;}
+    .top-site-outer:is(:focus-within) .title, .card-outer:is(.active,:focus-within) .card
+    { text-decoration: underline !important; }
+    .top-site-outer .context-menu-button {
+    background-color: transparent !important;
+    border-radius: 50% !important;
+    inset-inline-end: -10px !important;
+    top: 2px !important;
+    transition: opacity 200ms;
+    border-radius: 80px !important;
+    fill: var(--newtab-text-primary-color) !important;}
+    .top-site-outer .context-menu-button:is(:hover, :focus) {
+    background-color: color-mix(in srgb, var(--contrast-color), transparent) !important;
+    transition: opacity 200ms;
+    fill: var(--newtab-text-primary-color) !important;}
+    .top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
+      background: transparent !important;}
+    .card-outer .card {
+    filter: saturate(140%) !important;
+    border-radius: 18px !important;
+    background-color: rgba(20, 25, 40, 0.6)  !important;
+    position: relative;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    backdrop-filter: blur(33px);
+    height: auto !important;}    
+    .card-outer > a { color: auto !important; }    
+    .outer-wrapper a { color: auto !important; }    
+    :root[lwt-newtab-brighttext] { --newtab-wordmark-color: #ffffffcb !important; }    
+    .compact-cards .card-outer .card-context {
+    background-color: var(--newtab-background-color-secondary);
+    border-radius: 18px;
+    clip-path: inset(-1px -1px 4px);
+    height: 32px;
+    width: 32px;
+    padding: 8px;
+    top: 108px !important;
+    inset-inline-end: 3px !important;
+    inset-inline-start: auto;}    
+    .compact-cards .card-outer .card-preview-image-outer { 
+    border-radius: 16px 16px 0 0 !important;}        
+    .ds-highlights .section .section-list .card-outer .card-host-name {
+    text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;
+    color: var(--newtab-text-primary-color) !important;}
+    .card-outer:not(.placeholder) .card-title {
+    text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;}
+    .card-outer:is(:hover, :focus, :active, :focus-within, .active):not(.placeholder) .card-title, 
+    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
+    --newtab-primary-action-background: blue !important;
+    color: var(--newtab-text-primary-color) !important;
+    text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;
+    text-decoration: underline !important;}
+    .compact-cards .card-outer .card-context>.card-context-icon {
+    fill: var(--newtab-text-primary-color) !important;
+    opacity: 0.7 !important;}
+    .card-outer .context-menu-button, .card-outer .context-menu-button:active, .card-outer .context-menu-button:focus{
+    margin-top: -5px !important;
+    margin-right: -5px !important;
+    background-color: color-mix(in srgb, var(--contrast-color) 70%, transparent) !important;
+    fill: var(--newtab-text-primary-color) !important;
+    border-color: transparent !important;
+    transition-delay: 0ms !important;
+    background-image: url("icons/more.svg") !important;}
+    .card-outer .context-menu-button { box-shadow: unset !important; }
+    .ds-card .meta {
+    filter: saturate(140%) !important;
+    background-color: rgba(20, 25, 40, 0.6)  !important;
+    position: relative;
+    backdrop-filter: blur(33px);
+    height: auto !important;
+    border-radius: 0 0 16px 16px !important;}
+    .ds-onboarding-container:not(.placeholder), .ds-card-grid .ds-card:not(.placeholder) {
+    border-radius: 18px !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    background-color: transparent !important;}
+    .ds-onboarding-container:not(.placeholder) .img-wrapper .img img, .ds-onboarding-container:not(.placeholder) .img-wrapper .img .placeholder-image, .ds-card-grid .ds-card:not(.placeholder) .img-wrapper .img img, .ds-card-grid .ds-card:not(.placeholder) .img-wrapper .img .placeholder-image
+    { border-radius: 16px 16px 0 0 !important; }
+    .ds-card:is(:hover, :focus, .active) .context-menu-button, .ds-signup:is(:hover, :focus, .active) .context-menu-button
+    { box-shadow: unset !important; }
+    @media (prefers-color-scheme: dark){
+    .ds-card .context-menu-button, .ds-signup .context-menu-button {
+      border: transparent !important;
+      margin-top: -5px !important;
+      margin-right: -5px !important;
+      background-color: color-mix(in srgb, var(--contrast-color) 70%, transparent) !important;
+      fill: var(--newtab-text-primary-color) !important;
+      transition-delay: 0ms !important;
+      background-image: url("icons/more.svg") !important;}}    
+    .ds-card .ds-card-link:hover header {color: var(--newtab-text-primary-color) !important;}    
+    .outer-wrapper a { color: var(--newtab-text-primary-color) !important; }    
+    :root {
+    --newtab-primary-element-active-color: var(--newtab-text-primary-color) !important;
+    --newtab-primary-action-background: transparent !important;
+    --newtab-background-color: unset !important;}
+    .personalize-button:hover {
+    background-color: transparent;
+    transform: scale(1.3);
+    cursor: pointer;}
+    .modalOverlayOuter {
+    background-color: rgba(20, 25, 40, 0.4)  !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    backdrop-filter: blur(33px);
+    background-blend-mode: overlay;}
+    .modal {
+    background-color: rgba(10, 15, 30, 0.7)  !important;
+    font-size: unset !important;
+    border-radius: 16px !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    border-color: transparent !important;}
+    .topsite-form .form-wrapper input[type="text"] {
+    background-color: #ffffff1e !important;
+    font-size: unset !important;
+    border-color: transparent !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
+    border-radius: 8px !important;}
+    .actions {
+    border-top: 1px solid var(--newtab-border-color);
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin: 0;
+    padding: 15px 25px 0;
+    border-color: transparent !important;}
+    .button, .actions button {
+    background-color: #ffffff1e !important;
+    border-color: transparent !important;
+    border-radius: 10px !important;
+    box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;}
+    .modal-overlay {
+    background-color: rgba(10, 15, 30, 0.4)  !important;
+    backdrop-filter: blur(33px) !important;}
+    :root{
+    --newtab-pinnedsites-background: color-mix(in srgb, white 14%, transparent) ;
+    --newtab-pinnedsites-position-top: 0px ;}}
+    .outer-wrapper  .top-site-inner .title,
+    .outer-wrapper  .top-site-inner .icon-pin-small {
+            opacity: 0 !important;}
+    .outer-wrapper  .top-site-inner:hover .title,
+    .outer-wrapper  .top-site-inner:hover .icon-pin-small {
+            opacity: 1 !important;}}
+    @-moz-document url(about:firefoxview) {
+    body {background-color: rgba(9,14,23, 0.7) !important;}
+    .sticky-container.bottom-fade {
+      background: rgba(9,14,23, 0.7) !important;}}
+/*  Youtube Theme */
+@-moz-document domain("www.youtube.com") {
+  * {
+    font-family: Luminari !important;
+    font-weight: lighter !important;
+  }
+  yt-icon.ytd-logo {width: 100% !important; margin-left: -10px !important;}
+  #logo-icon::after {content: "Premium" !important; font-size: 18px !important; margin-left: -68px !important;}
+  #country-code.ytd-topbar-logo-renderer {margin-left: 7px !important;}
+  
+ytd-app, .ytd-popup-container.style-scope, .ytd-app.style-scope, #masthead > .ytd-masthead.style-scope, 
+#contentContainer, #guide-renderer, #content-wrapper, #search, .ytd-playlist-panel-renderer.style-scope, 
+.ytd-tabbed-page-header.style-scope {
+  background-color: #080e16 !important;
+}
+/*--search bar popup--*/
+html[dark] .sbsb_a {
+  background: var(--yt-spec-raised-background);
+  background-color: rgba(8,14,22,0.7) !important;
+  backdrop-filter: blur(33px);
+  border-radius: 10px !important;
+}
+
+ytd-browse.ytd-page-manager.style-scope {
+  border: #25262B !important;
+}
+/*--notification popups--*/
+.style-scope.ytd-popup-container {
+  background-color: rgba(8,14,22,0.7) !important;
+  backdrop-filter: blur(33px);
+  border-radius: 10px !important;
+}
+.ytd-multi-page-menu-renderer {
+  background-color: rgba(8,14,22,0.7) !important;
+  backdrop-filter: blur(33px);
+}
+  /*--video player, context menu--*/
+  .ytp-popup.ytp-contextmenu { border-radius: 10px !important; }
+    /*SEEKBAR COLOR*/
+  /*
+  .ytp-swatch-background-color { background-color: #00ADEF !important; }
+  */
+  /*playlist overlay backdrop filter*/ 
+/*progress bar / next button preview border radius*/
+/*info popup backdrop filter*/
+#tooltip.paper-tooltip {
+  border-radius: 8px !important;
+  padding: 4px 8px !important;
+  margin: 12px 8px !important;
+  backdrop-filter: blur(33px) !important;
+  background-color: rgba(8,14,22,0.7) !important;
+ }
+ /*right click info panel backdrop filter*/
+ .ytp-popup, .html5-video-info-panel {
+  backdrop-filter: blur(33px) !important;
+  border-radius: 33px !important;
+  background-color: rgba(8,14,22,0.7) !important;
+ }
+}
+/* ComicK Theme */
+@-moz-document domain("comick.io") {
+  * {
+      font-family: Luminari !important;
+      font-weight: lighter !important;
+    }
+  .ml-3.group-hover\:text-gray-600.dark\:group-hover\:text-gray-400.dark\:text-gray-300.text-gray-800.font-semibold.text-xl {
+      content: url(assets/comick-6.png);
+      height: 24px !important;
+      width: auto !important;
+      margin-left: -8px !important;
+  }
+  .opacity-40.hover\:opacity-100.cursor-pointer.flex.text-center.items-center.md\:h-12.md\:w-12.h-10.w-10.rounded-full {
+    content: url(assets/comick-c-2.png);
+    height: 40px !important;
+    width: auto !important;
+    margin-left: 12px !important;
+  }
+  .ml-3.group-hover\:text-gray-600.dark\:group-hover\:text-gray-400.dark\:text-gray-300.text-gray-800.font-semibold.text-xl {
+    font-family: Luminari !important;
+    font-weight: bolder !important;
+  }
+  body, div.dark\:bg-gray-800.bg-white.md\:p-3.py-4.p-1, .md\:text-base.text-sm.md\:col-span-2 > .flex-wrap.flex, .md\:block.hidden.break-words.justify-between > h1, .h-9.lg\:space-x-4.lg\:justify-start.justify-between.md\:mt-2.mt-1.flex,
+  .h-9.md\:mt-2.mt-1.lg\:space-x-2.lg\:justify-start.justify-between.flex, .dark\:bg-gray-800\/95.bg-white\/95.drop-shadow-sm.max-sm\:overflow-x-auto.dark\:border-gray-700.border-gray-100.lg\:border-b.py-2.lg\:px-8.sm\:px-6.px-3.space-x-2.justify-between.items-center.flex,
+  .break-words.my-3.text-center.w-full.xl\:text-2xl.md\:text-xl.text-lg.font-medium,
+  .dark\:bg-gray-800.bg-white.p-4.flex.justify-between.w-full {
+      background-color: #080e16 !important;
+  }
+  ul, .btn.rounded-full.p-2, .dark\:bg-gray-700.dark\:ring-gray-600.dark\:text-gray-300.hover\:bg-gray-50.ring-gray-300.ring-inset.ring-1.shadow-sm.text-gray-900.font-semibold.text-sm.py-1\.5.px-3.bg-white.rounded-full.gap-x-1\.5.items-center.inline-flex,
+  .divide-slate-500.divide-solid.divide-y.dark\:shadow-gray-900.shadow-gray-500.focus\:outline-none.ring-opacity-5.ring-black.ring-1.shadow-lg.dark\:text-gray-200.dark\:bg-gray-700.bg-white.rounded-md.origin-top-right.w-44.px-2.py-2.z-10.absolute {
+      background-color: #19273e !important;
+      border: 0px !important;
+  }
+  .bg-white.dark\:bg-gray-750.dark\:ring-gray-100\/5.ring-gray-900\/5.ring-1.shadow-lg.leading-6.font-semibold.text-sm.p-4.rounded-xl.shrink.w-72 {
+      background-color: #19273e !important;
+      border: 1px solid #133048!important;
+  }
+  .lg\:block.hidden.relative > .dark\:hover\:bg-gray-600.cursor-pointer.dark\:bg-gray-700.bg-gray-100.justify-center.items-center.flex.flex-none.w-8.h-8.rounded-full,
+  .h-8.w-8.justify-center.flex.items-center > .dark\:hover\:bg-gray-600.cursor-pointer.dark\:bg-gray-700.bg-gray-100.justify-center.items-center.flex.flex-none.w-8.h-8.rounded-full,
+  .md\:p-3.p-2.opacity-80.items-center.flex.rounded-full.hover\:bg-gray-100.dark\:hover\:bg-gray-500.bg-white.dark\:bg-gray-600.right-1.absolute.-translate-y-1\/2.top-1\/2, .p-2.ml-1.btn, .opacity-30.p-2.btn {
+      background-color: #19273e !important;
+      border: 2px solid #19273e !important;
+  }
+  div.overflow-hidden.xl\:h-56.xl\:w-44.lg\:h-48.lg\:w-36.md\:h-36.md\:w-28.h-32.w-24 {
+      border-radius: 8px !important;
+  }
+  .border-none.px-0.text-xs.text-center.w-full.btn, .dark\:bg-gray-700.bg-gray-100.font-semibold.md\:py-2.md\:px-3.py-1.px-3.md\:text-sm.text-xs.rounded.cursor-pointer,
+  .text-red-500.dark\:bg-gray-700.bg-gray-100.rounded.dark\:hover\:bg-gray-600.hover\:bg-gray-200.font-semibold.px-2.py-1.ml-1.items-center.text-lg.flex,
+  div.items-center.flex > .items-center.flex > .p-2.btn, .rounded.items-center.flex.py-3.px-2.btn-primary.btn.h-12.md\:w-96.flex-1, button.flex-1.py-3.px-2.btn.h-12.md\:w-96,
+  .rounded.dark\:border-gray-700.dark\:bg-gray-700.border-gray-300.border.h-12.px-2.py-3.mt-0.flex-1 {
+      background-color: #19273e !important;
+      border: 0px !important;
+      border-radius: 10px !important;
+  }
+  .w-full.rounded.pr-8.pl-2.border.dark\:border-gray-500.border-gray-400.dark\:bg-gray-700, 
+  .overflow-hidden.flex-none.w-5\/12.dark\:bg-gray-700.dark\:border-gray-500.border-gray-400.border.rounded {
+      background-color: #19273e !important;
+      border: 0px !important;
+      border-radius: 9px !important;
+  }
+  .w-7\/12.rounded.dark\:border-gray-500.border-gray-400.border.dark\:bg-gray-700.bg-gray-100.items-center.flex,
+  .focus\:ring-blue-500.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:text-gray-200.text-gray-700.dark\:bg-gray-700.bg-white.dark\:border-gray-600.border-gray-300.border.leading-4.text-sm.py-2.px-3.rounded-md.focus\:ring-2.focus\:outline-none.shadow-sm.font-medium.rounded.items-center.inline-flex {
+      background-color: #19273e !important;
+      border: 0px !important;
+      border-radius: 9px !important;
+  }
+  .flex-1.dark\:border-gray-600.border-gray-300.rounded-none.border-l.border-r {
+      background-color: #19273e !important;
+      border-top: 0px !important;
+      border-bottom: 0px !important;
+      border-left: 1px solid #373A40 !important;
+      border-right: 1px solid #373A40 !important;
+  }
+  hr.mt-3 {
+      border: 0.25px solid #133048 !important;
+  }
+  .truncate.py-2.link.md\:text-base.text-sm.overflow-hidden.font-semibold.dark\:text-blue-400.text-blue-700.pl-2.flex-1 {
+      color: rgb(52, 160, 255) !important;
+    }
+  li {
+      background-color: #101b2c !important;
+      text-decoration-color: rgb(170, 210, 244) !important;
+  }
+  .aa-DetachedSearchButton, .md\:\!w-3\/5.\!w-16.mx-3.md\:my-3.my-2.py-1.pl-3, .dark\:text-gray-400.text-gray-400.dark\:\!bg-gray-800.\!bg-white.max-w-\[10em\], li.items-center.flex.cursor-pointer.dark\:hover\:bg-gray-700.hover\:bg-gray-50 > .w-full.px-5.py-2.items-center.flex,
+  .lg\:\!w-96.\!focus\:ring-blue-500.\!focus\:border-blue-500.dark\:md\:hover\:bg-slate-700\/40.dark\:md\:ring-white\/5.dark\:md\:ring-inset.dark\:md\:bg-slate-800.md\:ring-slate-200.md\:ring-1.bg-white.md\:pr-3\.5.pl-9.md\:py-1\.5.py-1.md\:rounded-sm.md\:flex-none.md\:\!w-80.md\:h-auto.sm\:justify-start.justify-center.items-center.flex.group,
+  .select-none.mx-auto.xl\:container.w-full > .dark\:bg-gray-700.bg-gray-100.items-center.flex, .border-0.disabled\:opacity-50.scrollbar-none.p-2, .break-words, .break-words > ul > li, .target\:dark\:bg-orange-900\/50.target\:bg-orange-100\/50.dark\:bg-gray-750.bg-gray-50.rounded-xl.p-2.ml-2,
+  .cursor-pointer.items-center.px-5.py-2 > ul {
+      background-color: #101b2c !important;
+  }
+  .w-40, .flex-wrap.flex, .focus\:ring-0.text-gray-900.leading-5.pr-10.pl-3.py-2.border-none.w-full,
+  .rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.lg\:mt-0.md\:py-2.py-1.md\:mt-2.mt-1.xl\:w-48.md\:w-40.w-48,
+  .rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.md\:py-2.py-1.md\:mt-2.mt-1.xl\:48.md\:40.w-32,
+  .max-w-\[6rem\].md\:py-2.py-1.md\:mt-2.mt-1, 
+  .dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border-l.border-b.border-r.border-t.font-semibold.text-sm.py-2.px-3.items-center.inline-flex.relative,
+  .dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border.py-2.px-2.rounded-r-md.items-center.inline-flex.relative,
+  .dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border-b.border-t.border-l.font-semibold.text-sm.py-2.px-3.rounded-l-md.items-center.inline-flex.relative,
+  select.rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.lg\:mt-0.md\:py-2.py-1.mt-1.w-32,
+  .dark\:hover\:bg-gray-600.hover\:bg-gray-200.rounded.ml-2.text-center.dark\:text-gray-400.text-gray-700.font-semibold.dark\:bg-gray-700.bg-gray-100.py-1.px-2.items-center.shrink-0.w-20.flex {
+      background-color: #19273e !important;
+  }
+  .prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc,
+  .prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc > ul,
+  .prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc > ul > li,
+  .space-x-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-x-auto.max-w-max.items-center.flex,
+  .scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.items-center.overflow-y-auto.xl\:max-h-48.md\:max-h-48.max-h-32.flex-wrap.flex.mb-3.mt-3.dark\:scrollbox-dark.scrollbox {
+      background-color: #080e16 !important;
+      background-image: none !important;
+  }
+  tr.group {
+      border-left-width: 0px !important;
+      border-right-width: 0px !important;
+      border-top-color: #133048 !important;
+      border-top-style: solid !important;
+      border-top-width: 1px !important;
+    }
+  .dark\:bg-gray-800.bg-white.group.justify-between.items-center.flex.cursor-pointer.break-all.left-0.sticky,
+  .dark\:bg-gray-800.bg-white.cursor-pointer.text-left.md\:w-5\/12.w-7\/12.left-0.md\:text-base.text-xs.sticky,
+  .m-auto.container.flex-wrap.flex {
+      background-color: #080e16 !important;
+      border: 0px !important;
+    }
+  .myscrollbar.overflow-y-auto.overflow-x-hidden.w-full.pr-2.pb-16.pt-1.mt-3, .tree, .mb-1, ul > .flex, #comments-container > li,
+  .mt-1.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-64 {
+      background-color: #080e16 !important;
+      background-image: none !important;
+    }
+  .text-xl.items-center.flex > .mx-2.w-3:after {
+      margin-left: 4px !important;
+      content: "Likes" !important;
+      font-size: large !important;
+    }
+  .text-xl.select-none.border-gray-600.dark\:hover\:bg-gray-600.dark\:bg-gray-700.hover\:bg-gray-200.bg-gray-100.leading-5.border-r.px-4.xl\:h-40.md\:h-32.h-28.justify-center.flex.w-9\/12.grow-0.relative,
+  .text-lg.select-none.border-r.border-gray-600.dark\:hover\:bg-gray-600.dark\:bg-gray-700.hover\:bg-gray-200.bg-gray-100.leading-5.px-4.xl\:h-40.md\:h-32.h-28.justify-center.flex.w-4\/12.grow-0.relative {
+      background-color: #101b2c !important;
+      border-top: 0px !important;
+      border-left: 1px solid #133048 !important;
+      border-right: 0px !important;
+      border-bottom: 0px !important;
+  }
+  .focus\:ring-blue-500.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:text-gray-200.text-gray-700.dark\:bg-gray-700.bg-white.dark\:border-gray-600.border-gray-300.border.text-xs.py-1.px-2.focus\:ring-2.focus\:outline-none.shadow-sm.font-medium.rounded.items-center.inline-flex {
+      background-color: #19273e !important;
+      border: 1px solid #19273e !important;
+      border-radius: 8px !important;
+  }
+  .object-top.active\:brightness-75.lg\:mb-4.md\:mb-3.mb-2.w-full.rounded.select-none,
+  .relative.overflow-y-hidden.rounded,
+  .active\:brightness-75.object-cover.lg\:h-44.md\:h-36.h-36.lg\:w-36.md\:w-28.w-28.select-none {
+      border-radius: 8px !important;
+  }
+  .overflow-hidden.space-y-5.xl\:w-3\/12.w-4\/12.float-right.pr-0.lg\:pb-3.lg\:pl-4.pb-1.pl-3, .text-xs.dark\:border-gray-700.rounded,
+  div.h-8.w-8:nth-of-type(2), .my-2.flex, .gap-4.justify-center.items-center.flex.mt-4.ml-4, #zoom-btn,
+  .active\:animate-ping.active\:brightness-200.hover\:brightness-200.hover\:text-blue-500.cursor-pointer.h-12.w-12,
+  .dark\:fill-gray-300.fill-gray-500.h-6.w-6, .space-x-1.items-center.flex.cursor-pointer > .hover\:brightness-150.h-5.w-5,
+  .md\:h-10.md\:w-10.h-10.w-10 > span {
+    display: none !important;
+  }
+}