Upload files to "Zen Browser"
This commit is contained in:
parent
3c6c944fb7
commit
b977d7dbb0
|
|
@ -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;}} */
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue