mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
removed chrome checking
This commit is contained in:
philmard
parent
ed6a5f41a5
commit
d3a0c488ad
1 changed files with 135 additions and 140 deletions
|
|
@ -1,15 +1,74 @@
|
||||||
@-moz-document url-prefix("chrome:") {
|
#vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
|
||||||
#vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
|
display: none !important;
|
||||||
display: none !important;
|
}
|
||||||
|
tabs {
|
||||||
|
counter-reset: tab-counter;
|
||||||
|
} /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */
|
||||||
|
@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||||
|
.zen-workspace-tabs-section[active="true"]
|
||||||
|
tab:not([zen-glance-tab="true"])
|
||||||
|
> .tab-stack
|
||||||
|
> .tab-content::after {
|
||||||
|
counter-increment: tab-counter;
|
||||||
|
content: counter(
|
||||||
|
tab-counter
|
||||||
|
); /* Space before the number */ /* Positioning and styling */
|
||||||
|
font-weight: var(--bold-text, normal);
|
||||||
|
font-size: var(--font_size, 80%);
|
||||||
|
color: var(--number_color, inherit);
|
||||||
|
z-index: -100; /* Background and shape for the number */
|
||||||
|
display: inline-block;
|
||||||
|
background-color: var(
|
||||||
|
--number_background_color,
|
||||||
|
#717171d7
|
||||||
|
); /* Change to any color */
|
||||||
|
text-align: center;
|
||||||
|
width: 20px; /* Width of the circular background */
|
||||||
|
height: 20px; /* Height of the circular background */
|
||||||
|
line-height: 20px; /* Vertically center the number inside the circle */
|
||||||
|
border-radius: var(
|
||||||
|
--background_shape,
|
||||||
|
20%
|
||||||
|
); /* Default for Slightly Rounded Square */
|
||||||
|
margin-left: 3px;
|
||||||
|
margin-right: 3px; /* Changed to 3px to align with the Close Button */
|
||||||
}
|
}
|
||||||
tabs {
|
|
||||||
counter-reset: tab-counter;
|
/* Hide the "X" close button by default */
|
||||||
} /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */
|
tab .tab-close-button {
|
||||||
@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
/* In order to not hide the tab title. [Can't make this work. It still hides the title] */
|
||||||
|
/* Also, display: none; doesn't seem to work */
|
||||||
|
width: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide tab numbers on the right side when hovering over */
|
||||||
|
.zen-workspace-tabs-section
|
||||||
|
tab:not([zen-glance-tab="true"])
|
||||||
|
> .tab-stack
|
||||||
|
> .tab-content:hover::after {
|
||||||
|
opacity: 0; /* Make it invisible */
|
||||||
|
width: 0; /* In order to bring the close button to the right */
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Show the "X" close button on hover */
|
||||||
|
tab:hover .tab-close-button {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) {
|
||||||
|
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
|
||||||
|
display: none; /* Hide the ::after pseudo-element first */
|
||||||
|
}
|
||||||
.zen-workspace-tabs-section[active="true"]
|
.zen-workspace-tabs-section[active="true"]
|
||||||
tab:not([zen-glance-tab="true"])
|
tab:not([zen-glance-tab="true"])
|
||||||
> .tab-stack
|
> .tab-stack
|
||||||
> .tab-content::after {
|
> .tab-content::before {
|
||||||
counter-increment: tab-counter;
|
counter-increment: tab-counter;
|
||||||
content: counter(
|
content: counter(
|
||||||
tab-counter
|
tab-counter
|
||||||
|
|
@ -21,8 +80,8 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: var(
|
background-color: var(
|
||||||
--number_background_color,
|
--number_background_color,
|
||||||
#717171d7
|
#888888
|
||||||
); /* Change to any color */
|
); /* Default color is light grey */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 20px; /* Width of the circular background */
|
width: 20px; /* Width of the circular background */
|
||||||
height: 20px; /* Height of the circular background */
|
height: 20px; /* Height of the circular background */
|
||||||
|
|
@ -32,71 +91,27 @@
|
||||||
20%
|
20%
|
||||||
); /* Default for Slightly Rounded Square */
|
); /* Default for Slightly Rounded Square */
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
margin-right: 3px; /* Changed to 3px to align with the Close Button */
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
/* Hide the "X" close button by default */
|
} /* Styles when the sidebar is NOT expanded (compact mode) */
|
||||||
tab .tab-close-button {
|
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||||
visibility: hidden;
|
.zen-workspace-tabs-section[active="true"]
|
||||||
opacity: 0;
|
tab:not([zen-glance-tab="true"])
|
||||||
/* In order to not hide the tab title. [Can't make this work. It still hides the title] */
|
> .tab-stack
|
||||||
/* Also, display: none; doesn't seem to work */
|
> .tab-content::before {
|
||||||
width: 0;
|
counter-increment: tab-counter;
|
||||||
margin: 0;
|
content: counter(tab-counter) "";
|
||||||
}
|
position: absolute;
|
||||||
|
top: 4px;
|
||||||
/* Hide tab numbers on the right side when hovering over */
|
right: 1px;
|
||||||
.zen-workspace-tabs-section
|
padding: 0px 0px;
|
||||||
tab:not([zen-glance-tab="true"])
|
z-index: -100;
|
||||||
> .tab-stack
|
font-weight: var(--bold-text, normal);
|
||||||
> .tab-content:hover::after {
|
font-size: var(--font_size, 80%); /* Default font size (same as "Small") */
|
||||||
opacity: 0; /* Make it invisible */
|
color: var(--number_color, inherit); /* Fallback to default color */
|
||||||
width: 0; /* In order to bring the close button to the right */
|
} /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
|
||||||
margin: 0;
|
:root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) {
|
||||||
}
|
|
||||||
|
|
||||||
/* Show the "X" close button on hover */
|
|
||||||
tab:hover .tab-close-button {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) {
|
|
||||||
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
|
|
||||||
display: none; /* Hide the ::after pseudo-element first */
|
|
||||||
}
|
|
||||||
.zen-workspace-tabs-section[active="true"]
|
|
||||||
tab:not([zen-glance-tab="true"])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-content::before {
|
|
||||||
counter-increment: tab-counter;
|
|
||||||
content: counter(
|
|
||||||
tab-counter
|
|
||||||
); /* Space before the number */ /* Positioning and styling */
|
|
||||||
font-weight: var(--bold-text, normal);
|
|
||||||
font-size: var(--font_size, 80%);
|
|
||||||
color: var(--number_color, inherit);
|
|
||||||
z-index: -100; /* Background and shape for the number */
|
|
||||||
display: inline-block;
|
|
||||||
background-color: var(
|
|
||||||
--number_background_color,
|
|
||||||
#888888
|
|
||||||
); /* Default color is light grey */
|
|
||||||
text-align: center;
|
|
||||||
width: 20px; /* Width of the circular background */
|
|
||||||
height: 20px; /* Height of the circular background */
|
|
||||||
line-height: 20px; /* Vertically center the number inside the circle */
|
|
||||||
border-radius: var(
|
|
||||||
--background_shape,
|
|
||||||
20%
|
|
||||||
); /* Default for Slightly Rounded Square */
|
|
||||||
margin-left: 3px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} /* Styles when the sidebar is NOT expanded (compact mode) */
|
|
||||||
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
|
||||||
.zen-workspace-tabs-section[active="true"]
|
.zen-workspace-tabs-section[active="true"]
|
||||||
tab:not([zen-glance-tab="true"])
|
tab:not([zen-glance-tab="true"])
|
||||||
> .tab-stack
|
> .tab-stack
|
||||||
|
|
@ -105,7 +120,7 @@
|
||||||
content: counter(tab-counter) "";
|
content: counter(tab-counter) "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
right: 1px;
|
left: 1px;
|
||||||
padding: 0px 0px;
|
padding: 0px 0px;
|
||||||
z-index: -100;
|
z-index: -100;
|
||||||
font-weight: var(--bold-text, normal);
|
font-weight: var(--bold-text, normal);
|
||||||
|
|
@ -114,72 +129,52 @@
|
||||||
80%
|
80%
|
||||||
); /* Default font size (same as "Small") */
|
); /* Default font size (same as "Small") */
|
||||||
color: var(--number_color, inherit); /* Fallback to default color */
|
color: var(--number_color, inherit); /* Fallback to default color */
|
||||||
} /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) {
|
|
||||||
.zen-workspace-tabs-section[active="true"]
|
|
||||||
tab:not([zen-glance-tab="true"])
|
|
||||||
> .tab-stack
|
|
||||||
> .tab-content::before {
|
|
||||||
counter-increment: tab-counter;
|
|
||||||
content: counter(tab-counter) "";
|
|
||||||
position: absolute;
|
|
||||||
top: 4px;
|
|
||||||
left: 1px;
|
|
||||||
padding: 0px 0px;
|
|
||||||
z-index: -100;
|
|
||||||
font-weight: var(--bold-text, normal);
|
|
||||||
font-size: var(
|
|
||||||
--font_size,
|
|
||||||
80%
|
|
||||||
); /* Default font size (same as "Small") */
|
|
||||||
color: var(--number_color, inherit); /* Fallback to default color */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} /* Enable bold text when the preference is enabled */
|
|
||||||
@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
|
|
||||||
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
|
|
||||||
--bold-text: bold;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
|
} /* Enable bold text when the preference is enabled */
|
||||||
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
|
@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
|
||||||
--number_color: var(--uc-theme-number_color) !important;
|
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
|
||||||
--number_background_color: var(
|
--bold-text: bold;
|
||||||
--uc-theme-number_background_color
|
|
||||||
) !important;
|
|
||||||
}
|
|
||||||
} /* Set font size for Extra Small (Override default) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-font_size="XSmall"]) {
|
|
||||||
--font_size: 70% !important; /* Extra Small font size */
|
|
||||||
} /* Set font size for Small */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Small"]) {
|
|
||||||
--font_size: 80% !important; /* Small font size */
|
|
||||||
} /* Set font size for Medium (Override default) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Medium"]) {
|
|
||||||
--font_size: 90% !important; /* Medium font size */
|
|
||||||
} /* Set font size for Large (Override default) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Large"]) {
|
|
||||||
--font_size: 100% !important; /* Large font size */
|
|
||||||
} /* Set font size for Extra Large (Override default) */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-font_size="XLarge"]) {
|
|
||||||
--font_size: 120% !important; /* Extra Large font size */
|
|
||||||
} /* Ensure Close X button is on top of everything. */
|
|
||||||
.tab-close-button {
|
|
||||||
z-index: 10;
|
|
||||||
} /* Customize the shape based on the preference values */
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Square"]) {
|
|
||||||
--background_shape: 0%; /* Square */
|
|
||||||
}
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="SlightlyRounded"]) {
|
|
||||||
--background_shape: 5%; /* Slightly Rounded Square */
|
|
||||||
}
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="ModeratelyRounded"]) {
|
|
||||||
--background_shape: 15%; /* Moderately Rounded Square */
|
|
||||||
}
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="FullyRounded"]) {
|
|
||||||
--background_shape: 30%; /* Fully Rounded Square */
|
|
||||||
}
|
|
||||||
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
|
|
||||||
--background_shape: 50%; /* Perfect Circle */
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
|
||||||
|
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
|
||||||
|
--number_color: var(--uc-theme-number_color) !important;
|
||||||
|
--number_background_color: var(
|
||||||
|
--uc-theme-number_background_color
|
||||||
|
) !important;
|
||||||
|
}
|
||||||
|
} /* Set font size for Extra Small (Override default) */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-font_size="XSmall"]) {
|
||||||
|
--font_size: 70% !important; /* Extra Small font size */
|
||||||
|
} /* Set font size for Small */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Small"]) {
|
||||||
|
--font_size: 80% !important; /* Small font size */
|
||||||
|
} /* Set font size for Medium (Override default) */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Medium"]) {
|
||||||
|
--font_size: 90% !important; /* Medium font size */
|
||||||
|
} /* Set font size for Large (Override default) */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-font_size="Large"]) {
|
||||||
|
--font_size: 100% !important; /* Large font size */
|
||||||
|
} /* Set font size for Extra Large (Override default) */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-font_size="XLarge"]) {
|
||||||
|
--font_size: 120% !important; /* Extra Large font size */
|
||||||
|
} /* Ensure Close X button is on top of everything. */
|
||||||
|
.tab-close-button {
|
||||||
|
z-index: 10;
|
||||||
|
} /* Customize the shape based on the preference values */
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Square"]) {
|
||||||
|
--background_shape: 0%; /* Square */
|
||||||
|
}
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="SlightlyRounded"]) {
|
||||||
|
--background_shape: 5%; /* Slightly Rounded Square */
|
||||||
|
}
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="ModeratelyRounded"]) {
|
||||||
|
--background_shape: 15%; /* Moderately Rounded Square */
|
||||||
|
}
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="FullyRounded"]) {
|
||||||
|
--background_shape: 30%; /* Fully Rounded Square */
|
||||||
|
}
|
||||||
|
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
|
||||||
|
--background_shape: 50%; /* Perfect Circle */
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue