mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-05-26 13:48:33 +00:00
update
This commit is contained in:
vinceliuice
@@ -1,169 +0,0 @@
|
||||
// Dash to Dock
|
||||
|
||||
// Scrollview style
|
||||
.bottom #dashtodockDashScrollview,
|
||||
.top #dashtodockDashScrollview {
|
||||
-st-hfade-offset: 24px;
|
||||
}
|
||||
|
||||
.left #dashtodockDashScrollview,
|
||||
.right #dashtodockDashScrollview {
|
||||
-st-vfade-offset: 24px;
|
||||
}
|
||||
|
||||
#dashtodockContainer {
|
||||
background-color: transparent;
|
||||
|
||||
.number-overlay {
|
||||
color: $light_fg_color;
|
||||
background-color: rgba(black, 0.75);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notification-badge {
|
||||
color: $light_fg_color;
|
||||
background-color: $primary_color;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
|
||||
border-radius: 1000px;
|
||||
margin: 2px;
|
||||
padding: 0.2em 0.6em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.dashtodock #dash,
|
||||
&.dashtodock:overview #dash,
|
||||
&.extended #dash,
|
||||
&.extended:overview #dash {
|
||||
border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35));
|
||||
}
|
||||
|
||||
&.straight-corner #dash,
|
||||
&.shrink.straight-corner #dash {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px),
|
||||
(bottom, $dash_radius, 0 1px),
|
||||
(left, $dash_radius, -1px 0),
|
||||
(right, $dash_radius, 1px 0) {
|
||||
&.#{$_dock}.dashtodock #dash,
|
||||
&.#{$_dock}.dashtodock:overview #dash {
|
||||
border-radius: #{$_radius};
|
||||
margin-#{$_dock}: 6px;
|
||||
padding: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||
}
|
||||
|
||||
&.#{$_dock}.shrink #dash {
|
||||
border-#{$_dock}-width: 0;
|
||||
}
|
||||
|
||||
&.#{$_dock}.extended #dash,
|
||||
&.#{$_dock}.extended:overview #dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset #{$_shadow} rgba(white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.top,
|
||||
&.extended.bottom {
|
||||
#dash {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.right,
|
||||
&.extended.left {
|
||||
#dash {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// &.dashtodock #dash { background-color: $dash_bg; }
|
||||
//
|
||||
// &.opaque #dash { // solid-mode
|
||||
// background-color: $dash_bg;
|
||||
// }
|
||||
//
|
||||
// &.transparent #dash { // translucent-mode
|
||||
// background-color: $dash_bg; // does not work
|
||||
// }
|
||||
|
||||
// &:overview #dash { // overview-mode #1
|
||||
// background-color: $light_divider_color;
|
||||
// }
|
||||
//
|
||||
// &.opaque:overview,
|
||||
// &.transparent:overview { // overview-mode #2
|
||||
// #dash {
|
||||
// background-color: transparent !important;
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.extended:overview, // overview-mode #3
|
||||
// &.opaque.extended:overview,
|
||||
// &.transparent.extended:overview {
|
||||
// #dash {
|
||||
// background-color: $dash_bg;
|
||||
// }
|
||||
// }
|
||||
|
||||
&.running-dots,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
transition-duration: 250ms;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
padding: 8px;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended,
|
||||
&.extended:overview {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.metro .overview-icon {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashtodock-app-well-preview-menu-item {
|
||||
padding: 1em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
border-right-width: 1px;
|
||||
margin: 32px 0;
|
||||
}
|
||||
@@ -1,335 +0,0 @@
|
||||
|
||||
$dash_background_color: if($variant == 'light', rgba($panel_bg, $panel_opacity), rgba($panel_bg, $panel_opacity + 0.1));
|
||||
$dash_placeholder_size: 32px;
|
||||
$dash_padding: $base_padding + 4px; // 10px
|
||||
$dash_spacing: round($base_padding / 4);
|
||||
$dash_bottom_margin: $base_margin * 4;
|
||||
$dash_border_radius: $dash_radius;
|
||||
|
||||
// Stock
|
||||
$dock_side_margin: $dash_bottom_margin / 4;
|
||||
$dock_fixed_inner_margin: $dock_side_margin;
|
||||
|
||||
// Adapted to $dock_bottom_margin
|
||||
|
||||
@function shrink($val) {
|
||||
@return round($val / 4);
|
||||
}
|
||||
|
||||
@function opposite($val) {
|
||||
@return map-get(
|
||||
(
|
||||
left: right,
|
||||
right: left,
|
||||
top: bottom,
|
||||
bottom: top,
|
||||
),
|
||||
$val
|
||||
);
|
||||
}
|
||||
|
||||
$osd_fg_color: #eeeeec;
|
||||
|
||||
@each $side in bottom, top, left, right {
|
||||
#dashtodockContainer.#{$side} {
|
||||
#dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-#{$side}: $dash_padding;
|
||||
padding-#{opposite($side)}: $dash_padding;
|
||||
|
||||
.dash-background {
|
||||
margin: 0;
|
||||
margin-#{$side}: $dock_side_margin;
|
||||
padding: $dash_padding;
|
||||
}
|
||||
|
||||
.dash-separator {
|
||||
@if $side == top or $side == bottom {
|
||||
margin-bottom: 0;
|
||||
} @else {
|
||||
height: 1px;
|
||||
margin: ($dash_spacing + ($dash_padding / 2)) 0;
|
||||
background-color: transparentize($osd_fg_color, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding: $dash_spacing;
|
||||
padding-#{$side}: $dash_padding + $dock_side_margin;
|
||||
padding-#{opposite($side)}: $dash_padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink {
|
||||
#dash {
|
||||
.dash-background {
|
||||
margin-#{$side}: shrink($dock_side_margin);
|
||||
padding: shrink($dash_padding);
|
||||
border-radius: $dash_border_radius - $dash_padding + shrink($dash_padding);
|
||||
}
|
||||
|
||||
#dashtodockDashContainer {
|
||||
padding: shrink($dash_padding);
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding: shrink($dash_spacing);
|
||||
padding-#{$side}: shrink($dash_padding + $dock_side_margin);
|
||||
padding-#{opposite($side)}: shrink($dash_padding);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fixed {
|
||||
#dash {
|
||||
.dash-background {
|
||||
margin-#{opposite($side)}: shrink($dock_fixed_inner_margin);
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding-#{opposite($side)}: shrink($dash_padding + $dock_fixed_inner_margin);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fixed {
|
||||
#dash {
|
||||
.dash-background {
|
||||
margin-#{opposite($side)}: $dock_fixed_inner_margin;
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding-#{opposite($side)}: $dash_padding + $dock_fixed_inner_margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $side in bottom, top, left, right {
|
||||
#dashtodockContainer.extended.#{$side} {
|
||||
#dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.dash-background {
|
||||
margin: 0;
|
||||
margin-#{$side}: 0 !important;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
padding-#{$side}: $dash_padding;
|
||||
padding-#{opposite($side)}: $dash_padding;
|
||||
}
|
||||
|
||||
#dashtodockDashContainer {
|
||||
padding: $dash_padding;
|
||||
padding-#{$side}: 0;
|
||||
padding-#{opposite($side)}: 0;
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding: $dash_spacing;
|
||||
padding-#{$side}: $dash_padding;
|
||||
padding-#{opposite($side)}: $dash_padding;
|
||||
}
|
||||
|
||||
.show-apps {
|
||||
@if $side == top or $side == bottom {
|
||||
margin-left: $dash_padding;
|
||||
} @else {
|
||||
margin-top: $dash_padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink {
|
||||
#dash {
|
||||
.dash-background {
|
||||
margin: 0;
|
||||
margin-#{$side}: 0 !important;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
padding-#{$side}: shrink($dash_padding - $dash_spacing);
|
||||
padding-#{opposite($side)}: shrink($dash_padding - $dash_spacing);
|
||||
}
|
||||
|
||||
#dashtodockDashContainer {
|
||||
padding: shrink($dash_padding - $dash_spacing);
|
||||
padding-#{$side}: 0;
|
||||
padding-#{opposite($side)}: 0;
|
||||
}
|
||||
|
||||
.dash-item-container {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
padding: shrink($dash_spacing);
|
||||
padding-#{$side}: shrink($dash_padding);
|
||||
padding-#{opposite($side)}: shrink($dash_padding);
|
||||
}
|
||||
|
||||
.show-apps {
|
||||
@if $side == top or $side == bottom {
|
||||
margin-left: shrink($dash_spacing);
|
||||
} @else {
|
||||
margin-top: shrink($dash_spacing);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink.fixed {
|
||||
#dash {
|
||||
.dash-background {
|
||||
margin-#{opposite($side)}: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash .dash-background {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer.straight-corner #dash .dash-background,
|
||||
#dashtodockContainer.shrink.straight-corner #dash .dash-background {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* Scrollview style */
|
||||
.bottom #dashtodockDashScrollview,
|
||||
.top #dashtodockDashScrollview {
|
||||
-st-hfade-offset: 24px;
|
||||
}
|
||||
|
||||
.left #dashtodockDashScrollview,
|
||||
.right #dashtodockDashScrollview {
|
||||
-st-vfade-offset: 24px;
|
||||
}
|
||||
|
||||
#dashtodockContainer.running-dots .dash-item-container > StButton,
|
||||
#dashtodockContainer.dashtodock .dash-item-container > StButton {
|
||||
transition-duration: 250;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
/* Running and focused application style */
|
||||
|
||||
#dashtodockContainer.running-dots .app-well-app.running > .overview-icon,
|
||||
#dashtodockContainer.dashtodock .app-well-app.running > .overview-icon {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#dashtodockContainer.running-dots .app-well-app.focused .overview-icon,
|
||||
#dashtodockContainer.dashtodock .app-well-app.focused .overview-icon {
|
||||
background-color: rgba(238, 238, 236, 0.2);
|
||||
}
|
||||
|
||||
#dashtodockContainer.dashtodock #dash .dash-background {
|
||||
background: $dash_background_color;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer.dashtodock .progress-bar {
|
||||
/* Customization of the progress bar style, e.g.:
|
||||
-progress-bar-background: rgba(0.8, 0.8, 0.8, 1);
|
||||
-progress-bar-border: rgba(0.9, 0.9, 0.9, 1);
|
||||
*/
|
||||
}
|
||||
|
||||
#dashtodockContainer.top #dash .placeholder,
|
||||
#dashtodockContainer.bottom #dash .placeholder {
|
||||
width: $dash_placeholder_size;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
/*
|
||||
* This is applied to a dummy actor. Only the alpha value for the background and border color
|
||||
* and the transition-duration are used
|
||||
*/
|
||||
#dashtodockContainer.dummy-opaque {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
border-color: rgba(0, 0, 0, 0.4);
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
/*
|
||||
* This is applied to a dummy actor. Only the alpha value for the background and border color
|
||||
* and the transition-duration are used
|
||||
*/
|
||||
#dashtodockContainer.dummy-transparent {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
#dashtodockContainer .number-overlay {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#dashtodockContainer .notification-badge {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
background-color: rgba(255, 0, 0, 1);
|
||||
padding: 0.2em 0.5em;
|
||||
border-radius: 1em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
border-right-width: 1px;
|
||||
margin: 32px 0px;
|
||||
}
|
||||
|
||||
.dashtodock-app-well-preview-menu-item {
|
||||
padding: 1em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
#dashtodockContainer .metro .overview-icon {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom .metro.running2.focused,
|
||||
#dashtodockContainer.bottom .metro.running3.focused,
|
||||
#dashtodockContainer.bottom .metro.running4.focused,
|
||||
#dashtodockContainer.top .metro.running2.focused,
|
||||
#dashtodockContainer.top .metro.running3.focused,
|
||||
#dashtodockContainer.top .metro.running4.focused {
|
||||
background-image: url("./media/highlight_stacked_bg.svg");
|
||||
background-position: 0px 0px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#dashtodockContainer.left .metro.running2.focused,
|
||||
#dashtodockContainer.left .metro.running3.focused,
|
||||
#dashtodockContainer.left .metro.running4.focused,
|
||||
#dashtodockContainer.right .metro.running2.focused,
|
||||
#dashtodockContainer.right .metro.running3.focused,
|
||||
#dashtodockContainer.right .metro.running4.focused {
|
||||
background-image: url("./media/highlight_stacked_bg_h.svg");
|
||||
background-position: 0px 0px;
|
||||
background-size: contain;
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
$variant: 'dark';
|
||||
$laptop: 'false';
|
||||
$trans: 'true';
|
||||
$black: 'false';
|
||||
$theme: 'default';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/variables';
|
||||
@import '_dash-to-dock-3.scss';
|
||||
@@ -1,9 +0,0 @@
|
||||
$variant: 'dark';
|
||||
$laptop: 'false';
|
||||
$trans: 'true';
|
||||
$black: 'false';
|
||||
$theme: 'default';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/variables';
|
||||
@import '_dash-to-dock-4.scss';
|
||||
@@ -1,181 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: color-mix(in srgb, #000000 6%, var(--lwt-accent-color, #282828));
|
||||
--gnome-browser-content-box-background: var(--lwt-accent-color, #323232);
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Browser colors */
|
||||
--in-content-link-color: var(--theme-primary-color) !important;
|
||||
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-tabstoolbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-findbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-toolbar-color: var(--toolbar-color, #ffffff);
|
||||
--gnome-toolbar-icon-fill: var(--toolbar-color, #ffffff);
|
||||
--gnome-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
|
||||
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-inactive-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: var(--lwt-sidebar-background-color, #282828);
|
||||
--gnome-inactive-sidebar-background: var(--lwt-sidebar-background-color, #282828);
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, var(--lwt-text-color) 12%, var(--lwt-sidebar-background-color));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-menu-border-color: rgba(0,0,0,.15);
|
||||
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
|
||||
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, transparent);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-headerbar-box-shadow: color-mix(in srgb, currentColor 8%, transparent);
|
||||
|
||||
/* Buttons */
|
||||
--button-background-color: color-mix(in srgb, #ffffff 15%, var(--toolbar-field-background-color));
|
||||
--button-background-hover-color: color-mix(in srgb, #ffffff 25%, var(--toolbar-field-background-color));
|
||||
--button-background-active-color: color-mix(in srgb, #ffffff 35%, var(--toolbar-field-background-color));
|
||||
--button-background-disabled-color: color-mix(in srgb, #ffffff 8%, var(--toolbar-field-background-color));
|
||||
|
||||
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
|
||||
--gnome-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-border-bottom-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
|
||||
--gnome-button-active-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-active-bottom-border-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
|
||||
--gnome-button-disabled-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: color-mix(in srgb, #ffffff 5%, var(--toolbar-field-background-color));
|
||||
--gnome-inactive-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 6%, transparent);
|
||||
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 18%, transparent);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-color: var(--toolbar-color, #ffffff);
|
||||
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px light-dark(rgba(0,0,0,.15), rgba(0,0,0,.75));
|
||||
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 5%, transparent);
|
||||
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #ffffff));
|
||||
--gnome-tabbar-tab-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 12%, var(--gnome-tabbar-tab-background));
|
||||
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 15%, var(--gnome-tabbar-tab-background));
|
||||
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--gnome-tabbar-tab-color) 12%, var(--gnome-tabbar-tab-background));
|
||||
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 20%, var(--gnome-tabbar-tab-background));
|
||||
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 8%, var(--gnome-tabbar-tab-background));
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #383838;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #242424;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,172 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #252932;
|
||||
--gnome-content-page-dialog-background: #313742;
|
||||
--gnome-content-page-background: #15181d;
|
||||
--gnome-content-box-background: #20242b;
|
||||
--gnome-content-page-color: #eef3fd;
|
||||
--theme-primary-color: #5271ad;
|
||||
--theme-primary-hover-color: #6085cc;
|
||||
--theme-primary-active-color: #73a0f5;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #2e3440;
|
||||
--gnome-tabstoolbar-background: #191c23;
|
||||
--gnome-findbar-background: #2b303b;
|
||||
--gnome-toolbar-color: #fbfcfd;
|
||||
--gnome-toolbar-icon-fill: #fbfcfd;
|
||||
--gnome-toolbar-border-color: #0e0f0f;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #242931;
|
||||
--gnome-inactive-toolbar-border-color: #0d0f12;
|
||||
|
||||
/* Sidebar */
|
||||
--sidebar-background-color: #252932;
|
||||
--gnome-sidebar-background: #2c313b;
|
||||
--gnome-inactive-sidebar-background: #2f343f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(43, 48, 59, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(43, 48, 59, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #2e3440;
|
||||
--gnome-headerbar-border-color: #0e0f0f;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #242931;
|
||||
--gnome-inactive-headerbar-border-color: #0d0f12;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08););
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #495263 0%, #4e5769 100%);
|
||||
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #535d70 0%, #555f73 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, #5f6a80 0%, #626e85 100%);
|
||||
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #323743 0%, #363c49 100%);
|
||||
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: linear-gradient(#292e38, #292e38);
|
||||
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #5271ad 2px, #5271ad);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #7090cc, #7090cc 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #3d578c, #3d578c 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #bf5f69 2px, #bf5f69);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #cc707a, #cc707a 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #95464e, #95464e 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #3b4250;
|
||||
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #f0f5ff;
|
||||
--gnome-hover-urlbar-border-color: #414958;
|
||||
--gnome-inactive-urlbar-background: #292e38;
|
||||
--gnome-inactive-urlbar-border-color: #1e2128;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #c9cdd6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: rgba(255, 255, 255, 0.06);
|
||||
--gnome-tabbar-tab-color: #828690;
|
||||
--gnome-tabbar-tab-hover-background: rgba(255, 255, 255, 0.12);
|
||||
--gnome-tabbar-tab-hover-color: #b4bbc8;
|
||||
--gnome-tabbar-tab-active-background: rgba(255, 255, 255, 0.16);
|
||||
--gnome-tabbar-tab-active-color: #fbfcfd;
|
||||
--gnome-tabbar-tab-active-hover-background: rgba(255, 255, 255, 0.16);
|
||||
--gnome-inactive-tabbar-tab-color: #5e6168;
|
||||
--gnome-inactive-tabbar-tab-background: rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-tabbar-tab-active-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-inactive-tabbar-tab-active-color: #7b8089;
|
||||
--gnome-tab-attention-icon-color: #8694c4;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #343a46;
|
||||
--gnome-switch-hover-background: #3d4452;
|
||||
--gnome-switch-active-background: #474f60;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #fbfcfd;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: var(--theme-primary-color);
|
||||
--gnome-switch-pressed-hover-background: var(--theme-primary-hover-color);
|
||||
--gnome-switch-pressed-active-background: var(--theme-primary-active-color);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #292e38;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #1b1e24;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,171 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #242424;
|
||||
--gnome-content-page-dialog-background: #424242;
|
||||
--gnome-content-page-background: #1d1d1d;
|
||||
--gnome-content-box-background: #2b2b2b;
|
||||
--gnome-content-page-color: #fdfdfd;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #373737;
|
||||
--gnome-tabstoolbar-background: #1e1e1e;
|
||||
--gnome-findbar-background: #373737;
|
||||
--gnome-toolbar-color: #ffffff;
|
||||
--gnome-toolbar-icon-fill: #ffffff;
|
||||
--gnome-toolbar-border-color: #070707;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #313131;
|
||||
--gnome-inactive-toolbar-border-color: #121212;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #3b3b3b;
|
||||
--gnome-inactive-sidebar-background: #3f3f3f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #ffffff 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(51, 51, 51, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(51, 51, 51, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #373737;
|
||||
--gnome-headerbar-border-color: #070707;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #313131;
|
||||
--gnome-inactive-headerbar-border-color: #202020;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
|
||||
--gnome-button-border-color: #282828;
|
||||
--gnome-button-border-bottom-color: #282828;
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%);
|
||||
--gnome-button-active-border-color: #1b1b1b;
|
||||
--gnome-button-active-border-bottom-color: #1b1b1b;
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
|
||||
--gnome-button-disabled-border-color: #282828;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: linear-gradient(#383838, #383838);
|
||||
--gnome-inactive-button-border-color: #323232;
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #505050;
|
||||
--gnome-urlbar-border-color: #282828;
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #ffffff;
|
||||
--gnome-hover-urlbar-border-color: #585858;
|
||||
--gnome-inactive-urlbar-background: #424242;
|
||||
--gnome-inactive-urlbar-border-color: #282828;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #d6d6d6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: rgba(255, 255, 255, 0.06);
|
||||
--gnome-tabbar-tab-color: #909090;
|
||||
--gnome-tabbar-tab-hover-background: rgba(255, 255, 255, 0.12);
|
||||
--gnome-tabbar-tab-hover-color: #c8c8c8;
|
||||
--gnome-tabbar-tab-active-background: rgba(255, 255, 255, 0.16);
|
||||
--gnome-tabbar-tab-active-color: #ffffff;
|
||||
--gnome-tabbar-tab-active-hover-background: rgba(255, 255, 255, 0.16);
|
||||
--gnome-inactive-tabbar-tab-color: #686868;
|
||||
--gnome-inactive-tabbar-tab-background: rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-tabbar-tab-active-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-inactive-tabbar-tab-active-color: #898989;
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #383838;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #242424;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,174 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #1f1f1f;
|
||||
--gnome-content-page-dialog-background: #242424;
|
||||
--gnome-content-page-background: #101010;
|
||||
--gnome-content-box-background: #1b1b1b;
|
||||
--gnome-content-page-color: #dddddd;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #1e1e1e;
|
||||
--gnome-tabstoolbar-background: #1e1e1e;
|
||||
--gnome-findbar-background: #282828;
|
||||
--gnome-toolbar-color: #ffffff;
|
||||
--gnome-toolbar-icon-fill: #ffffff;
|
||||
--gnome-toolbar-border-color: #070707;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #1e1e1e;
|
||||
--gnome-inactive-toolbar-border-color: #121212;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #1e1e1e;
|
||||
--gnome-inactive-sidebar-background: #3f3f3f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #ffffff 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(40, 40, 40, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(40, 40, 40, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #1e1e1e;
|
||||
--gnome-headerbar-border-color: #070707;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #1e1e1e;
|
||||
--gnome-inactive-headerbar-border-color: #202020;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: #2a2a2a;
|
||||
--gnome-button-border-color: #282828;
|
||||
--gnome-button-border-bottom-color: #282828;
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #242424 0%, #282828 100%);
|
||||
--gnome-button-active-background: #282828;
|
||||
--gnome-button-active-border-color: #1b1b1b;
|
||||
--gnome-button-active-border-bottom-color: #1b1b1b;
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #242424 0%, #494949 100%);
|
||||
--gnome-button-disabled-border-color: #282828;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: #2a2a2a;
|
||||
--gnome-inactive-button-border-color: #282828;
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #2a2a2a;
|
||||
--gnome-urlbar-border-color: #282828;
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #ffffff;
|
||||
--gnome-hover-urlbar-border-color: #585858;
|
||||
--gnome-inactive-urlbar-background: #2a2a2a;
|
||||
--gnome-inactive-urlbar-border-color: #282828;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #d6d6d6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: rgba(42, 42, 42, .25);
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #282828;
|
||||
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
|
||||
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
|
||||
--gnome-tabbar-tab-active-background: #2a2a2a;
|
||||
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
|
||||
--gnome-tabbar-tab-active-color: #ffffff;
|
||||
--gnome-tabbar-tab-active-hover-background: #525252;
|
||||
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabbar-tab-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: rgb(50, 50, 50);
|
||||
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #1e1e1e;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #1f1f1f;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,183 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-browser-content-box-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-content-page-dialog-background: #ffffff;
|
||||
--gnome-content-page-background: #f2f2f2;
|
||||
--gnome-content-box-background: #ffffff;
|
||||
--gnome-content-page-color: #242424;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Browser colors */
|
||||
--in-content-link-color: var(--theme-primary-color) !important;
|
||||
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-tabstoolbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-findbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-toolbar-color: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-toolbar-icon-fill: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-toolbar-border-color: var(--chrome-content-separator-color);
|
||||
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
|
||||
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-menu-border-color: rgba(0,0,0,.15);
|
||||
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-popover-separator-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.35) inset;
|
||||
|
||||
/* Buttons */
|
||||
--button-background-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 35%, transparent);
|
||||
--button-background-hover-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 75%, transparent);
|
||||
--button-background-active-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--button-background-disabled-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 15%, transparent);
|
||||
|
||||
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
|
||||
--gnome-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-border-bottom-color: light-dark(rgba(0,0,0,.20), #000000);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
|
||||
--gnome-button-active-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-active-bottom-border-color: light-dark(rgba(0,0,0,.20), #000000);
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
|
||||
--gnome-button-disabled-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: color-mix(in srgb, currentColor 5%, transparent);
|
||||
--gnome-inactive-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 5%, transparent);
|
||||
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-color: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-urlbar-background: color-mix(in srgb, currentColor 8%, transparent);
|
||||
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 4%, transparent);
|
||||
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #2e2e2e));
|
||||
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 5%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-background: color-mix(in srgb, var(--toolbar-color) 8%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #b2b2b2;
|
||||
--gnome-switch-hover-background: #a0a0a0;
|
||||
--gnome-switch-active-background: #929292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #ffffff;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #FAFAFA;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,169 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #f3f4f6;
|
||||
--gnome-content-page-dialog-background: #fbfcfd;
|
||||
--gnome-content-page-background: #e3e8f2;
|
||||
--gnome-content-box-background: #fbfcfd;
|
||||
--gnome-content-page-color: #1b1e24;
|
||||
--theme-primary-color: #5271ad;
|
||||
--theme-primary-hover-color: #6085cc;
|
||||
--theme-primary-active-color: #73a0f5;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #fbfcfd;
|
||||
--gnome-tabstoolbar-background: #d7dce5;
|
||||
--gnome-findbar-background: #f3f4f6;
|
||||
--gnome-toolbar-color: #22262e;
|
||||
--gnome-toolbar-icon-fill: #22262e;
|
||||
--gnome-toolbar-border-color: #c3c7cf;
|
||||
--gnome-inactive-toolbar-color: rgba(34, 38, 46, 0.45);
|
||||
--gnome-inactive-toolbar-background: #f6f5f4;
|
||||
--gnome-inactive-toolbar-border-color: #cdd1da;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #f3f4f6;
|
||||
--gnome-inactive-sidebar-background: #f2f4f9;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
|
||||
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #fbfcfd;
|
||||
--gnome-headerbar-border-color: #c3c7cf;
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: #f3f4f6;
|
||||
--gnome-inactive-headerbar-border-color: #cdd1da;
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #eaecf1 0%, #f5f8fd 95%, #f6f9fe 100%);
|
||||
--gnome-button-border-color: #c3c7cf;
|
||||
--gnome-button-border-bottom-color: #c3c7cf;
|
||||
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
|
||||
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #f5f8fd 0%, #eef3fd 100%);
|
||||
--gnome-button-active-background: #c3c7cf;
|
||||
--gnome-button-active-border-color: #a7abb2;
|
||||
--gnome-button-active-border-bottom-color: #a7abb2;
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: #faf9f8;
|
||||
--gnome-button-disabled-border-color: #c3c7cf;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: #f6f5f4;
|
||||
--gnome-inactive-button-border-color: #cdd1da;
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #f3f4f6;
|
||||
--gnome-urlbar-border-color: #abafb6;
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-urlbar-color: #020202;
|
||||
--gnome-hover-urlbar-border-color: #d7dce5;
|
||||
--gnome-inactive-urlbar-background: #e9ebf0;
|
||||
--gnome-inactive-urlbar-border-color: #cdd1da;
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: #252932;
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: #e6c2ff;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #e6ebf5;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #f0f0f0;
|
||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
||||
--gnome-tabbar-tab-active-background: #e8e8e8;
|
||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
||||
--gnome-tabbar-tab-active-hover-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-color: #8b8e8f;
|
||||
--gnome-inactive-tabbar-tab-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-active-background: #eeeeee;
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #a7abb2;
|
||||
--gnome-switch-hover-background: #969aa0;
|
||||
--gnome-switch-active-background: #7b8292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #fbfcfd;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #fbfcfd;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #ebf0fa;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,172 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #f5f5f5;
|
||||
--gnome-content-page-dialog-background: #ffffff;
|
||||
--gnome-content-page-background: #f2f2f2;
|
||||
--gnome-content-box-background: #ffffff;
|
||||
--gnome-content-page-color: #242424;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #ffffff;
|
||||
--gnome-tabstoolbar-background: #E5E5E5;
|
||||
--gnome-findbar-background: #ffffff;
|
||||
--gnome-toolbar-color: #2e2e2e;
|
||||
--gnome-toolbar-icon-fill: #2e2e2e;
|
||||
--gnome-toolbar-border-color: #cfcfcf;
|
||||
--gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35);
|
||||
--gnome-inactive-toolbar-background: #f6f5f4;
|
||||
--gnome-inactive-toolbar-border-color: #dadada;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #f5f5f5;
|
||||
--gnome-inactive-sidebar-background: #f9f9f8;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
|
||||
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #ffffff;
|
||||
--gnome-headerbar-border-color: #bdb7b0;
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: #f5f5f5;
|
||||
--gnome-inactive-headerbar-border-color: #dadada;
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
|
||||
--gnome-button-border-color: #cdc7c2;
|
||||
--gnome-button-border-bottom-color: #b2b2b1;
|
||||
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
|
||||
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
|
||||
--gnome-button-active-background: #cfcfcf;
|
||||
--gnome-button-active-border-color: #b2b2b1;
|
||||
--gnome-button-active-border-bottom-color: #b2b2b1;
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: #faf9f8;
|
||||
--gnome-button-disabled-border-color: #cdc7c2;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: #f6f5f4;
|
||||
--gnome-inactive-button-border-color: #dadada;
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #e8e8e8;
|
||||
--gnome-urlbar-border-color: #b6b6b6;
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-urlbar-color: #020202;
|
||||
--gnome-hover-urlbar-border-color: #dddddd;
|
||||
--gnome-inactive-urlbar-background: #eeeeee;
|
||||
--gnome-inactive-urlbar-border-color: #dadada;
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: #323232;
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: #e6c2ff;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #f5f5f5;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #f0f0f0;
|
||||
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
|
||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
||||
--gnome-tabbar-tab-active-background: #e8e8e8;
|
||||
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
|
||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
||||
--gnome-tabbar-tab-active-hover-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-color: #8b8e8f;
|
||||
--gnome-inactive-tabbar-tab-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-active-background: #eeeeee;
|
||||
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #b2b2b2;
|
||||
--gnome-switch-hover-background: #a0a0a0;
|
||||
--gnome-switch-active-background: #929292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #ffffff;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #FAFAFA;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar {
|
||||
margin-left: 510px !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar {
|
||||
margin-left: 590px !important;
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar {
|
||||
margin-left: 552px !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar {
|
||||
margin-left: 632px !important;
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar {
|
||||
margin-left: 596px !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar {
|
||||
margin-left: 686px !important;
|
||||
}
|
||||
}
|
||||
@@ -1,363 +0,0 @@
|
||||
/* Header bar's URL bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
toolbarspring {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* URL bar */
|
||||
#urlbar {
|
||||
--urlbar-height: 32px !important;
|
||||
--urlbar-container-height: 32px !important;
|
||||
--urlbar-toolbar-height: 32px !important;
|
||||
--urlbar-inner-padding: 0 !important;
|
||||
box-shadow: none !important;
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
}
|
||||
|
||||
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
|
||||
outline-color: transparent !important;
|
||||
}
|
||||
|
||||
#urlbar-container,
|
||||
#wrapper-urlbar-container,
|
||||
#urlbar #urlbar-input-container,
|
||||
#urlbar .urlbar-input-container {
|
||||
padding: 0 !important;
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
}
|
||||
|
||||
:root[sizemode="maximized"] #urlbar,
|
||||
:root[sizemode="maximized"] #urlbar-container,
|
||||
:root[sizemode="maximized"] #wrapper-urlbar-container {
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
}
|
||||
|
||||
#urlbar-background {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
width: 360px !important;
|
||||
z-index: 5 !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 8px !important;
|
||||
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
outline-offset: -2px;
|
||||
-moz-outline-radius: 8px;
|
||||
transition: outline 100ms ease-out;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend][open] {
|
||||
height: auto !important;
|
||||
max-height: unset !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] #urlbar-input-container,
|
||||
#urlbar[breakout][breakout-extend] .urlbar-input-container {
|
||||
height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar:-moz-window-inactive {
|
||||
border-color: var(--gnome-inactive-headerbar-background) !important;
|
||||
}
|
||||
|
||||
#urlbar-input {
|
||||
text-align: center !important;
|
||||
padding: 0 28px 0 0 !important;
|
||||
}
|
||||
|
||||
/* URL bar results */
|
||||
.urlbarView {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
margin: 6px 0 0 0 !important;
|
||||
width: 100% !important;
|
||||
position: absolute !important;
|
||||
box-shadow: var(--gnome-urlbar-box-shadow) !important;
|
||||
border-radius: 12px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.urlbarView {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.urlbarView-body-outer {
|
||||
--item-padding-start: 0 !important;
|
||||
--item-padding-end: 0 !important;
|
||||
max-height: 40vh !important;
|
||||
overflow-x: auto;
|
||||
padding: 0 6px !important;
|
||||
}
|
||||
|
||||
.urlbarView-body-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner, .urlbarView-no-wrap {
|
||||
align-items: center !important;
|
||||
}
|
||||
.urlbarView-row-inner {
|
||||
padding-block: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
.urlbarView-action {
|
||||
background: transparent !important;
|
||||
}
|
||||
/* Search engines buttons */
|
||||
.search-one-offs {
|
||||
margin: 0 0 2px !important;
|
||||
padding: 8px !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-top: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item {
|
||||
--toolbarbutton-active-background: var(--gnome-headerbar-button-active-background) !important;
|
||||
--toolbarbutton-hover-background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
-moz-appearance: none !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
min-height: 32px !important;
|
||||
min-width: 32px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
color: unset !important;
|
||||
}
|
||||
|
||||
#urlbar-anon-search-settings-compact {
|
||||
border: none !important;
|
||||
border-radius: 5px;
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="invalid"] > .identity-box-button,
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > .identity-box-button {
|
||||
padding-inline: 6px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar */
|
||||
#urlbar[focused],
|
||||
#searchbar:focus-within {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#urlbar[focused] .urlbar-textbox-container {
|
||||
margin: -1px !important;
|
||||
}
|
||||
#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
|
||||
margin-left: -1px !important;
|
||||
}
|
||||
#searchbar > .searchbar-textbox[focused] .search-go-button {
|
||||
margin-right: -1px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar's icons */
|
||||
.urlbar-icon-wrapper:hover,
|
||||
.urlbar-icon-wrapper[open],
|
||||
.urlbar-icon:hover:active,
|
||||
.urlbar-icon-wrapper:hover:active,
|
||||
.searchbar-search-button:hover .searchbar-search-icon,
|
||||
.searchbar-search-button[open] .searchbar-search-icon,
|
||||
.searchbar-search-button:hover:active .searchbar-search-icon {
|
||||
background-color: transparent !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
#notification-popup-box {
|
||||
height: 26px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action,
|
||||
#urlbar-go-button,
|
||||
.urlbar-go-button,
|
||||
.search-go-button,
|
||||
#tracking-protection-icon-container {
|
||||
width: 28px !important;
|
||||
height: 26px !important;
|
||||
margin: 3px 0 !important;
|
||||
padding: 4px 6px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#identity-box {
|
||||
margin: 3px 2px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="valid"].chromeUI {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container:hover,
|
||||
.urlbar-page-action:hover,
|
||||
#urlbar-go-button:hover,
|
||||
.urlbar-go-button:hover,
|
||||
.search-go-button:hover,
|
||||
#identity-box:hover {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container:active,
|
||||
#tracking-protection-icon-container[open="true"],
|
||||
.urlbar-page-action:active,
|
||||
#urlbar-go-button:active,
|
||||
.urlbar-go-button:active,
|
||||
.search-go-button:active,
|
||||
#identity-box:active {
|
||||
background: var(--gnome-headerbar-button-active-background) !important;
|
||||
}
|
||||
|
||||
.identity-box-button {
|
||||
border-radius: 5px !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#identity-box.extensionPage #identity-icon-label {
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
/* Search mode switcher */
|
||||
#nav-bar #urlbar toolbarbutton#urlbar-searchmode-switcher:not(#urlbar-zoom-button):not(.subviewbutton):not(.titlebar-button):not(.close-button) {
|
||||
appearance: none;
|
||||
border-radius: 5px !important;
|
||||
margin-top: 3px !important;
|
||||
margin-bottom: 3px !important;
|
||||
margin-inline-start: 0 !important;
|
||||
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
|
||||
padding-inline: var(--urlbar-searchmodeswitcher-inline-padding);
|
||||
min-width: 50px !important;
|
||||
min-height: 26px !important;
|
||||
|
||||
&.close-button {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: var(--focus-outline);
|
||||
outline-offset: var(--focus-outline-inset);
|
||||
}
|
||||
|
||||
&[open] {
|
||||
background-color: var(--urlbar-box-focus-bgcolor) !important;
|
||||
}
|
||||
|
||||
/* No need space if page information icons such as lock and shield is shown */
|
||||
#urlbar[pageproxystate=valid] & {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
#urlbar[searchmode] & {
|
||||
background-color: var(--urlbar-box-bgcolor) !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border-start-end-radius: 0 !important;
|
||||
border-end-end-radius: 0 !important;
|
||||
min-width: 32px !important;
|
||||
}
|
||||
|
||||
/* The background rule should match to #searchmode-switcher-chicklet */
|
||||
#urlbar[focused] & {
|
||||
background-color: var(--urlbar-box-focus-bgcolor) !important;
|
||||
}
|
||||
|
||||
/* stylelint-disable media-query-no-invalid */
|
||||
@media (not -moz-pref("browser.urlbar.searchModeSwitcher.featureGate")) and
|
||||
(not -moz-pref("browser.urlbar.scotchBonnet.enableOverride")) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#searchmode-switcher-chicklet {
|
||||
background-color: var(--urlbar-box-bgcolor);
|
||||
border-start-end-radius: 5px !important;
|
||||
border-end-end-radius: 5px !important;
|
||||
align-items: center;
|
||||
height: 26px !important;
|
||||
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
|
||||
display: none;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#urlbar-search-mode-indicator-close, #searchmode-switcher-close {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action {
|
||||
padding: 5px 6px !important;
|
||||
}
|
||||
|
||||
/* Search mode indicator */
|
||||
#urlbar-search-mode-indicator,
|
||||
#urlbar-label-box {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
border: none !important;
|
||||
border-radius: 5px !important;
|
||||
outline: 0 !important;
|
||||
margin-top: 3px !important;
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-title {
|
||||
padding-inline: 4px !important;;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close {
|
||||
background-size: 12px 12px !important;
|
||||
border-radius: 3px !important;
|
||||
opacity: 0.8 !important;
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
|
||||
/*translations-button*/
|
||||
#translations-button[translationsactive] > #translations-button-icon {
|
||||
fill: var(--theme-primary-active-color) !important;
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
#translations-button-circle-arrows {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
list-style-image: url("chrome://browser/skin/sync.svg");
|
||||
fill: var(--theme-primary-active-color) !important;
|
||||
fill-opacity: 1;
|
||||
margin-inline: 1px;
|
||||
}
|
||||
|
||||
#translations-button-locale {
|
||||
background-color: var(--theme-primary-active-color) !important;
|
||||
color: white !important;
|
||||
border-radius: 4px;
|
||||
font-size: 0.8em;
|
||||
height: 20px;
|
||||
min-width: 20px;
|
||||
text-align: center;
|
||||
padding-top: 3px;
|
||||
padding-inline: 1px;
|
||||
box-sizing: border-box;
|
||||
margin-inline: 2px -2px;
|
||||
margin-block: -2px;
|
||||
}
|
||||
|
||||
#translations-button[translationsactive="true"] {
|
||||
width: auto !important;
|
||||
}
|
||||
@@ -1,392 +0,0 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
/* Tabs bar height */
|
||||
|
||||
#TabsToolbar {
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #tabbrowser-tabs,
|
||||
#TabsToolbar #tabbrowser-tabs arrowscrollbox {
|
||||
min-height: 32px !important;
|
||||
--tab-min-height: 32px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
|
||||
max-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .tab-background,
|
||||
#TabsToolbar .tab-stack {
|
||||
height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar tab > stack {
|
||||
margin: 6px 3px !important;
|
||||
}
|
||||
|
||||
:root:not([sizemode="normal"]) .titlebar-spacer[type="pre-tabs"], :root[gtktiledwindow="true"] .titlebar-spacer[type="pre-tabs"] { /* reset */
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .titlebar-spacer {
|
||||
width: 8px !important;
|
||||
}
|
||||
|
||||
.tab-background {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
transition: background-color 200ms !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .tabbrowser-tab,
|
||||
#TabsToolbar .tab-background {
|
||||
border-radius: 8px !important;
|
||||
padding: 0 !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([visuallyselected="true"], [multiselected]), .tabbrowser-tab:-moz-lwtheme {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .tab-background {
|
||||
margin: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-background:not([selected=true]) {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected=true]) .tab-background {
|
||||
background: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected=true]) .tab-background:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
.tabbrowser-tab:not([selected=true]):hover > .tab-stack > .tab-background {
|
||||
background: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background:is([selected]) {
|
||||
background: var(--gnome-tabbar-tab-active-background) !important;
|
||||
animation: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.tab-background:is([selected]):-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* Tab labels */
|
||||
tab .tab-label {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
tab:hover .tab-label {
|
||||
color: var(--gnome-tabbar-tab-hover-color) !important;
|
||||
}
|
||||
tab[selected] .tab-label {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
tab:-moz-window-inactive .tab-label {
|
||||
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
||||
}
|
||||
tab[selected]:-moz-window-inactive .tab-label {
|
||||
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
/* Center all inside tab */
|
||||
#TabsToolbar {
|
||||
.tab-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
min-width: 100% !important;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
.tab-label {
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
/* Adjust tab label width */
|
||||
.tab-label-container {
|
||||
min-width: 0 !important;
|
||||
max-width: min-content !important;
|
||||
}
|
||||
|
||||
/* Put tab close button and icon sound to the right */
|
||||
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
|
||||
.tab-icon-sound[activemedia-blocked="true"] {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
|
||||
/* margin-left: auto !important;*/
|
||||
/*}*/
|
||||
.tab-icon-sound {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* Force tab favicon to the center */
|
||||
.tab-throbber, .tab-throbber-fallback,
|
||||
.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
|
||||
.tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* separate class for multi-tab alignment*/
|
||||
.tabbrowser-tab[class*="identity-color-"] > .tab-stack > .tab-content > .tab-icon-stack {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* If tab favicon is not present, force tab label to the center */
|
||||
.tabbrowser-tab .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* Fix website with no favicon centred text */
|
||||
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
/* Prevent tab icons size breaking */
|
||||
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
|
||||
.tabbrowser-tab[muted="true"] .tab-icon-image {
|
||||
margin-top: 3px !important;
|
||||
margin-left: 2px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay {
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 100px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
top: 0 !important;
|
||||
inset-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
/*Align personal bookmarks v89 */
|
||||
#personal-bookmarks {
|
||||
-moz-box-align: center !important;
|
||||
}
|
||||
|
||||
/* fix misc spacing between tabs */
|
||||
.tabbrowser-tab {
|
||||
padding-inline: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#pinned-tabs-container[orient="horizontal"] {
|
||||
margin-inline-end: 6px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 3px !important;
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
height: 16px;
|
||||
opacity: .3;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
:root:-moz-window-inactive .tab-close-button:not(#hack) {
|
||||
opacity: .18 !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:hover {
|
||||
background-color: var(--gnome-button-hover-color) !important;
|
||||
border: none !important;
|
||||
opacity: 1;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:active {
|
||||
background-color: var(--gnome-button-active-color) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:active:not(:hover) {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab close button etc. positioning */
|
||||
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
/* Remove blue line above tabs */
|
||||
.tab-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* tab-context-line above tabs */
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
margin: 0 12px !important;
|
||||
}
|
||||
|
||||
/* Remove alt colours references for multi tabs*/
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Remove tab separators */
|
||||
.tabbrowser-tab::after,
|
||||
.tabbrowser-tab::before {
|
||||
border-color: transparent !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
|
||||
/* Tab attention dot */
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
|
||||
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
|
||||
background-position: center bottom 3px !important;
|
||||
background-size: 4px 4px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* Full width tabs */
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
|
||||
max-width: .1px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[class*="identity-color-"][pinned] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.button-background {
|
||||
&[type~="icon"]:not(.labelled), &:not(.labelled):has(img) {
|
||||
&[size="small"] {
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#TabsToolbar #alltabs-button {
|
||||
padding: 0 !important;
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1,
|
||||
#TabsToolbar #tabs-newtab-button,
|
||||
#TabsToolbar #new-tab-button {
|
||||
min-height: 32px !important;
|
||||
margin: 6px 2px !important;
|
||||
padding: 0 10px !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 image,
|
||||
#TabsToolbar #tabs-newtab-button image,
|
||||
#TabsToolbar #new-tab-button image {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #scrollbutton-up,
|
||||
#TabsToolbar #scrollbutton-down {
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #scrollbutton-up image,
|
||||
#TabsToolbar #scrollbutton-down image {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
/* firefox-view-button */
|
||||
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
|
||||
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
|
||||
toolbarbutton:not(#firefox-view-button),
|
||||
toolbarpaletteitem:not(#wrapper-firefox-view-button)
|
||||
) + #tabbrowser-tabs {
|
||||
border-inline-start: none !important;
|
||||
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#firefox-view-button {
|
||||
border-radius: 8px !important;
|
||||
background: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
#firefox-view-button:hover {
|
||||
background: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
#firefox-view-button:checked, #firefox-view-button:active {
|
||||
background: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
#firefox-view-button > .toolbarbutton-icon {
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
@@ -1,278 +0,0 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root[tabsintitlebar] #nav-bar toolbarbutton,
|
||||
#nav-bar-customization-target {
|
||||
-moz-window-dragging: drag !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
#tabbrowser-arrowscrollbox {
|
||||
-moz-window-dragging: drag !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]):not([orient="vertical"]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar tab > stack {
|
||||
margin: 0 3px !important;
|
||||
}
|
||||
|
||||
#pinned-tabs-container[orient="horizontal"] {
|
||||
margin-inline-end: 6px !important;
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
/* Tabs bar height */
|
||||
#TabsToolbar #tabbrowser-tabs {
|
||||
--tab-min-height: 32px !important;
|
||||
--tabstrip-min-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .tab-background,
|
||||
#TabsToolbar .tab-stack {
|
||||
height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab,
|
||||
.tab-background {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 8px !important;
|
||||
padding: 0 !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([visuallyselected="true"], [multiselected]), .tabbrowser-tab:-moz-lwtheme {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-background:not([selected=true]) {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
.tab-background {
|
||||
background: transparent !important;
|
||||
transition: background-color 200ms !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .tab-background {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected=true]) .tab-background {
|
||||
background: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected=true]) .tab-background:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
.tabbrowser-tab:not([selected=true]):hover .tab-background {
|
||||
background: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background:is([selected]) {
|
||||
background: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
.tab-background:is([selected]):-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* Tab labels */
|
||||
tab .tab-label {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
tab:hover .tab-label {
|
||||
color: var(--gnome-tabbar-tab-hover-color) !important;
|
||||
}
|
||||
tab[selected] .tab-label {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
tab:-moz-window-inactive .tab-label {
|
||||
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
||||
}
|
||||
tab[selected]:-moz-window-inactive .tab-label {
|
||||
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
height: 16px !important;
|
||||
padding: 0 !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 3px !important;
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
height: 16px;
|
||||
opacity: .3;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: visible;
|
||||
}
|
||||
:root:-moz-window-inactive .tab-close-button:not(#hack) {
|
||||
opacity: .18 !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:hover {
|
||||
background-color: var(--gnome-button-hover-color) !important;
|
||||
border: none !important;
|
||||
opacity: 1;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:active {
|
||||
background-color: var(--gnome-button-active-color) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:active:not(:hover) {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab close button etc. positioning */
|
||||
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
|
||||
.tabbrowser-tab[muted="true"] .tab-icon-image {
|
||||
margin-top: 3px !important;
|
||||
margin-left: 2px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay {
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 100px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
top: 0 !important;
|
||||
inset-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.button-background {
|
||||
&[type~="icon"]:not(.labelled), &:not(.labelled):has(img) {
|
||||
&[size="small"] {
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Remove blue line above tabs */
|
||||
.tab-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* tab-context-line above tabs */
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
margin: 0 12px !important;
|
||||
}
|
||||
|
||||
/* Remove alt colours references for multi tabs*/
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tab attention dot */
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
|
||||
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
|
||||
background-position: center bottom 3px !important;
|
||||
background-size: 4px 4px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[class*="identity-color-"][pinned] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#TabsToolbar #alltabs-button {
|
||||
padding: 0 !important;
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1,
|
||||
#TabsToolbar #tabs-newtab-button,
|
||||
#TabsToolbar #new-tab-button {
|
||||
margin: 0 2px !important;
|
||||
padding: 0 10px !important;
|
||||
max-height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 image,
|
||||
#TabsToolbar #tabs-newtab-button image,
|
||||
#TabsToolbar #new-tab-button image {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #scrollbutton-up,
|
||||
#TabsToolbar #scrollbutton-down {
|
||||
max-height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #scrollbutton-up image,
|
||||
#TabsToolbar #scrollbutton-down image {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
/* firefox-view-button */
|
||||
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs, :root[privatebrowsingmode]:not([firefoxviewhidden]) :is(toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button)) + #tabbrowser-tabs {
|
||||
border-inline-start: none !important;
|
||||
}
|
||||
|
||||
#firefox-view-button > .toolbarbutton-icon {
|
||||
filter: none !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
/* Remove shadow next to tab scroll buttons */
|
||||
.arrowscrollbox-overflow-start-indicator,
|
||||
.arrowscrollbox-overflow-end-indicator {
|
||||
display: none;
|
||||
}
|
||||
@@ -1,108 +0,0 @@
|
||||
/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
|
||||
* - menu bar (toolbar#toolbar-menubar)
|
||||
* - tab bar (toolbar#TabsToolbar)
|
||||
* - header bar (toolbar#nav-bar)
|
||||
* - bookmark bar (toolbar#PersonalToolbar)
|
||||
* - add-ons can add their own toolbars (toolbar) */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#nav-bar,
|
||||
#titlebar,
|
||||
#PersonalToolbar,
|
||||
#toolbar-menubar,
|
||||
#TabsToolbar,
|
||||
#navigator-toolbox,
|
||||
.notificationbox-stack {
|
||||
color: var(--gnome-toolbar-color);
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox {
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#nav-bar:-moz-window-inactive,
|
||||
#titlebar:-moz-window-inactive,
|
||||
#PersonalToolbar:-moz-window-inactive,
|
||||
#toolbar-menubar:-moz-window-inactive,
|
||||
#TabsToolbar:-moz-window-inactive,
|
||||
#navigator-toolbox:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon {
|
||||
color: var(--gnome-toolbar-color);
|
||||
fill: var(--gnome-toolbar-color);
|
||||
}
|
||||
|
||||
#titlebar {
|
||||
min-height: 0 !important
|
||||
max-height: 36px !important;
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
border-top-width: 0px !important;
|
||||
border-bottom-width: 0px !important;
|
||||
}
|
||||
|
||||
/* allow to drag headerbar empty space */
|
||||
#nav-bar .chromeclass-location {
|
||||
-moz-window-dragging: drag !important;
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive=true]) {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Reorder toolbars */
|
||||
#navigator-toolbox #nav-bar, findbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
order: 0;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
order: 1;
|
||||
}
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 2;
|
||||
order: 2;
|
||||
}
|
||||
#navigator-toolbox toolbar {
|
||||
-moz-box-ordinal-group: 10;
|
||||
order: 10;
|
||||
}
|
||||
#navigator-toolbox #TabsToolbar {
|
||||
-moz-box-ordinal-group: 100;
|
||||
order: 100;
|
||||
}
|
||||
|
||||
/* Customization page */
|
||||
#customization-container:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
|
||||
}
|
||||
|
||||
#customization-footer {
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border-radius: 0 0 12px 12px !important;
|
||||
}
|
||||
|
||||
#PersonalToolbar {
|
||||
height: 28px !important;
|
||||
max-height: 28px !important;
|
||||
padding: 0 2px !important;
|
||||
--bookmarks-toolbar-overlapping-browser-height: auto;
|
||||
}
|
||||
|
||||
/* bookmark-item */
|
||||
toolbarbutton.bookmark-item {
|
||||
padding: 3px 6px !important;
|
||||
margin: 0 2px !important;
|
||||
border-radius: 3px !important;
|
||||
max-height: 24px !important;
|
||||
}
|
||||
@@ -1,108 +0,0 @@
|
||||
/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
|
||||
* - menu bar (toolbar#toolbar-menubar)
|
||||
* - tab bar (toolbar#TabsToolbar)
|
||||
* - header bar (toolbar#nav-bar)
|
||||
* - bookmark bar (toolbar#PersonalToolbar)
|
||||
* - add-ons can add their own toolbars (toolbar) */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#nav-bar, #PersonalToolbar, #toolbar-menubar, #titlebar {
|
||||
color: var(--gnome-toolbar-color);
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox {
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#nav-bar:-moz-window-inactive,
|
||||
#PersonalToolbar:-moz-window-inactive,
|
||||
#toolbar-menubar:-moz-window-inactive,
|
||||
#titlebar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon {
|
||||
color: var(--gnome-toolbar-color);
|
||||
fill: var(--gnome-toolbar-color);
|
||||
}
|
||||
|
||||
#titlebar {
|
||||
min-height: 0 !important
|
||||
max-height: 42px !important;
|
||||
}
|
||||
|
||||
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
margin-top: -40px !important;
|
||||
margin-bottom: 8px !important;
|
||||
padding: 0 !important;
|
||||
background: none !important;
|
||||
max-height: 42px !important;
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* allow to drag headerbar empty space */
|
||||
#nav-bar .chromeclass-location {
|
||||
-moz-window-dragging: drag !important;
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive=true]) {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox #nav-bar, findbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
order: 0;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 10;
|
||||
order: 10;
|
||||
}
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
order: 1;
|
||||
}
|
||||
#navigator-toolbox toolbar {
|
||||
-moz-box-ordinal-group: 3;
|
||||
order: 3;
|
||||
}
|
||||
#navigator-toolbox #TabsToolbar {
|
||||
-moz-box-ordinal-group: 2;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#PersonalToolbar {
|
||||
height: 28px !important;
|
||||
max-height: 28px !important;
|
||||
padding: 0 2px !important;
|
||||
--bookmarks-toolbar-overlapping-browser-height: auto;
|
||||
}
|
||||
|
||||
/* Customization page */
|
||||
#customization-container:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
|
||||
}
|
||||
|
||||
#customization-footer {
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border-radius: 0 0 12px 12px !important;
|
||||
}
|
||||
|
||||
/* bookmark-item */
|
||||
toolbarbutton.bookmark-item {
|
||||
padding: 3px 6px !important;
|
||||
margin: 0 2px !important;
|
||||
border-radius: 3px !important;
|
||||
max-height: 24px !important;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 16vw !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 12vw !important;
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 18vw !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 14vw !important;
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 20vw !important;
|
||||
}
|
||||
|
||||
/* Left window titlebuttons mode */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
#TabsToolbar, #urlbar-container {
|
||||
margin-right: 16vw !important;
|
||||
}
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light-adaptive.css";
|
||||
@import "colors/dark-adaptive.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox-alt.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar-alt.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar-alt.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light-adaptive.css";
|
||||
@import "colors/dark-adaptive.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox-alt.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar-alt.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar-alt.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/darker.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox-alt.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar-alt.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar-alt.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/dark.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/darker.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/dark.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url(icons/icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox Monterey theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,103 +0,0 @@
|
||||
|
||||
## <p align="center"> <b> Firefox Safari theme </b> </p>
|
||||
|
||||
<p align="center">A MacOSX Safari theme for Firefox 80+</p>
|
||||
|
||||
## Description
|
||||
|
||||
This is a bunch of CSS code to make Firefox look closer to MacOSX Safari theme.
|
||||
Based on https://github.com/rafaelmardojai/firefox-gnome-theme
|
||||
|
||||
## Installation
|
||||
|
||||
Run: `./tweaks.sh -f`
|
||||
|
||||
if you want to use `Monterey` style then:
|
||||
|
||||
Run: `./tweaks.sh -f monterey`
|
||||
|
||||
### Tips about monterey options (Fix the urlbar attached tabs issue)
|
||||
|
||||
1. Remove all space separators on left of urlbar
|
||||
2. Make sure how many buttons on side of urlbar, a: left side buttons number(3-5), b: right side buttons number(3-5).
|
||||
3. then run: `./tweaks.sh -f monterey a+b` for example: `./tweaks.sh -f monterey 5+5`
|
||||
|
||||
or you can edit the config file
|
||||
|
||||
1. run: `./tweaks.sh -f monterey -e`
|
||||
|
||||
```
|
||||
/*--------------Configure your Monterey theme--------------
|
||||
* ONLY for Monterey theme
|
||||
* Enable one of these options and disable the other ones.
|
||||
*/
|
||||
|
||||
/* How many buttons on left headerbar */
|
||||
@import "Monterey/left_header_button_3.css"; /**/
|
||||
/*@import "Monterey/left_header_button_4.css"; /**/
|
||||
/*@import "Monterey/left_header_button_5.css"; /**/
|
||||
|
||||
/* How many buttons on right headerbar */
|
||||
@import "Monterey/right_header_button_3.css"; /**/
|
||||
/*@import "Monterey/right_header_button_4.css"; /**/
|
||||
/*@import "Monterey/right_header_button_5.css"; /**/
|
||||
|
||||
```
|
||||
|
||||
2. Choose the right buttons number config then remove `/*` to enable it and add `/*` to disable the default one
|
||||
|
||||
### Adaptive version support now!
|
||||
|
||||
https://github.com/user-attachments/assets/9b99297f-e6b3-4aa0-812a-331cddb517ce
|
||||
|
||||
Run: `./tweaks.sh -f adaptive` to install it
|
||||
|
||||
You need install adaptive-tab-bar-colour plugin first. https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/
|
||||
|
||||
### Manual installation
|
||||
|
||||
1. Go to `about:support` in Firefox.
|
||||
2. Application Basics > Profile Directory > Open Directory.
|
||||
3. Copy `chrome` folder Firefox config folder.
|
||||
4. If you are using Firefox 69+:
|
||||
1. Go to `about:config` in Firefox.
|
||||
2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`.
|
||||
5. Restart Firefox.
|
||||
6. Open Firefox customization panel and:
|
||||
1. Use *Title bar* option to toggle CSD if is not set by default.
|
||||
2. Move the new tab button to headerbar.
|
||||
3. Select light or dark variants on theme switcher.
|
||||
7. Be happy with your new gnomish Firefox.
|
||||
|
||||
## Enabling optional features
|
||||
Open `userChrome.css` with a text editor and follow instructions to enable extra features. Keep in mind this file might change in future versions and your configuration will be lost. You can copy the @imports you want to enable to a new file named `customChrome` directly in your `chrome` directory if you want it to survive updates. Remember all @imports must be at the top of the file, before other statements.
|
||||
|
||||
## Known bugs
|
||||
|
||||
### CSD have sharp corners
|
||||
See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360).
|
||||
|
||||
#### Wayland fix:
|
||||
1. Go to the `about:config` page
|
||||
2. Search for the `layers.acceleration.force-enabled` preference and set it to true.
|
||||
3. Now restart Firefox, and it should look good!
|
||||
|
||||
#### X11 fix:
|
||||
1. Go to the `about:config` page
|
||||
2. Type `mozilla.widget.use-argb-visuals`
|
||||
3. Set it as a `boolean` and click on the add button
|
||||
4. Now restart Firefox, and it should look good!
|
||||
|
||||
## Development
|
||||
|
||||
If you wanna mess around the styles and change something, you might find these
|
||||
things useful.
|
||||
|
||||
To use the Inspector to debug the UI, open the developer tools (F12) on any
|
||||
page, go to options, check both of those:
|
||||
|
||||
- Enable browser chrome and add-on debugging toolboxes
|
||||
- Enable remote debugging
|
||||
|
||||
Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser
|
||||
UI.
|
||||
@@ -1,184 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: var(--lwt-accent-color, #282828);
|
||||
--gnome-content-page-dialog-background: #424242;
|
||||
--gnome-content-page-background: #1d1d1d;
|
||||
--gnome-content-box-background: #2b2b2b;
|
||||
--gnome-content-page-color: #fdfdfd;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Browser colors */
|
||||
--in-content-link-color: var(--theme-primary-color) !important;
|
||||
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-tabstoolbar-background: color-mix(in srgb, #ffffff 6%, var(--lwt-accent-color, #363636));
|
||||
--gnome-findbar-background: var(--lwt-accent-color, #282828);
|
||||
--gnome-toolbar-color: var(--toolbar-color, #ffffff);
|
||||
--gnome-toolbar-icon-fill: var(--toolbar-color, #ffffff);
|
||||
--gnome-toolbar-border-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
|
||||
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #282828);
|
||||
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: var(--lwt-accent-color, #282828);
|
||||
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #282828);
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 10%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-menu-border-color: rgba(0,0,0,.15);
|
||||
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
|
||||
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, transparent);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: var(--lwt-accent-color);
|
||||
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--button-background-color: color-mix(in srgb, #ffffff 15%, var(--toolbar-field-background-color));
|
||||
--button-background-hover-color: color-mix(in srgb, #ffffff 25%, var(--toolbar-field-background-color));
|
||||
--button-background-active-color: color-mix(in srgb, #ffffff 35%, var(--toolbar-field-background-color));
|
||||
--button-background-disabled-color: color-mix(in srgb, #ffffff 8%, var(--toolbar-field-background-color));
|
||||
|
||||
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
|
||||
--gnome-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-border-bottom-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
|
||||
--gnome-button-active-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-active-bottom-border-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
|
||||
--gnome-button-disabled-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: color-mix(in srgb, #ffffff 5%, var(--toolbar-field-background-color));
|
||||
--gnome-inactive-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 6%, transparent);
|
||||
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 18%, transparent);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-color: var(--toolbar-color, #ffffff);
|
||||
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-background: var(--toolbar-field-background-color);
|
||||
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: var(--toolbar-field-color);
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #ffffff));
|
||||
--gnome-tabbar-tab-background: var(--lwt-accent-color, #363636);
|
||||
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--lwt-accent-color));
|
||||
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-background: var(--gnome-headerbar-background);
|
||||
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-headerbar-background));
|
||||
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--lwt-accent-color));
|
||||
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #383838;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #242424;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,176 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #252932;
|
||||
--gnome-content-page-dialog-background: #313742;
|
||||
--gnome-content-page-background: #15181d;
|
||||
--gnome-content-box-background: #20242b;
|
||||
--gnome-content-page-color: #eef3fd;
|
||||
--theme-primary-color: #5271ad;
|
||||
--theme-primary-hover-color: #6085cc;
|
||||
--theme-primary-active-color: #73a0f5;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #2e3440;
|
||||
--gnome-tabstoolbar-background: #191c23;
|
||||
--gnome-findbar-background: #2b303b;
|
||||
--gnome-toolbar-color: #fbfcfd;
|
||||
--gnome-toolbar-icon-fill: #fbfcfd;
|
||||
--gnome-toolbar-border-color: #0e0f0f;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #242931;
|
||||
--gnome-inactive-toolbar-border-color: #0d0f12;
|
||||
|
||||
/* Sidebar */
|
||||
--sidebar-background-color: #252932;
|
||||
--gnome-sidebar-background: #2c313b;
|
||||
--gnome-inactive-sidebar-background: #2f343f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(43, 48, 59, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(43, 48, 59, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #2e3440;
|
||||
--gnome-headerbar-border-color: #0e0f0f;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #242931;
|
||||
--gnome-inactive-headerbar-border-color: #0d0f12;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #495263 0%, #4e5769 100%);
|
||||
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #535d70 0%, #555f73 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, #5f6a80 0%, #626e85 100%);
|
||||
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #323743 0%, #363c49 100%);
|
||||
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: linear-gradient(#292e38, #292e38);
|
||||
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #5271ad 2px, #5271ad);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #7090cc, #7090cc 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #3d578c, #3d578c 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #bf5f69 2px, #bf5f69);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #cc707a, #cc707a 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #95464e, #95464e 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #3b4250;
|
||||
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #f0f5ff;
|
||||
--gnome-hover-urlbar-border-color: #414958;
|
||||
--gnome-inactive-urlbar-background: #292e38;
|
||||
--gnome-inactive-urlbar-border-color: #1e2128;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #c9cdd6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #1c1f26;
|
||||
--gnome-tabbar-tab-color: #828690;
|
||||
--gnome-tabbar-tab-border-color: #0b0c0f;
|
||||
--gnome-tabbar-tab-hover-background: #20242b;
|
||||
--gnome-tabbar-tab-hover-border-color: #0b0c0f;
|
||||
--gnome-tabbar-tab-hover-color: #b4bbc8;
|
||||
--gnome-tabbar-tab-active-background: #2e3440;
|
||||
--gnome-tabbar-tab-active-border-color: #0e0f0f;
|
||||
--gnome-tabbar-tab-active-color: #fbfcfd;
|
||||
--gnome-tabbar-tab-active-hover-background: #242931;
|
||||
--gnome-inactive-tabbar-tab-color: #5e6168;
|
||||
--gnome-inactive-tabbar-tab-background: #181a20;
|
||||
--gnome-inactive-tabbar-tab-active-background: #242931;
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: #657189;
|
||||
--gnome-tab-attention-icon-color: #8694c4;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #343a46;
|
||||
--gnome-switch-hover-background: #3d4452;
|
||||
--gnome-switch-active-background: #474f60;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #fbfcfd;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: var(--theme-primary-color);
|
||||
--gnome-switch-pressed-hover-background: var(--theme-primary-hover-color);
|
||||
--gnome-switch-pressed-active-background: var(--theme-primary-active-color);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #292e38;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #1b1e24;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,176 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #242424;
|
||||
--gnome-content-page-dialog-background: #424242;
|
||||
--gnome-content-page-background: #1d1d1d;
|
||||
--gnome-content-box-background: #2b2b2b;
|
||||
--gnome-content-page-color: #fdfdfd;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #373737;
|
||||
--gnome-tabstoolbar-background: #1e1e1e;
|
||||
--gnome-findbar-background: #333333;
|
||||
--gnome-toolbar-color: #ffffff;
|
||||
--gnome-toolbar-icon-fill: #ffffff;
|
||||
--gnome-toolbar-border-color: #070707;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #313131;
|
||||
--gnome-inactive-toolbar-border-color: #121212;
|
||||
|
||||
/* Sidebar */
|
||||
--sidebar-background-color: #323232 !important;
|
||||
--gnome-sidebar-background: #3b3b3b;
|
||||
--gnome-inactive-sidebar-background: #3f3f3f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(51, 51, 51, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(51, 51, 51, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #373737;
|
||||
--gnome-headerbar-border-color: #070707;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #313131;
|
||||
--gnome-inactive-headerbar-border-color: #202020;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
|
||||
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, #808080 0%, #858585 100%);
|
||||
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
|
||||
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: linear-gradient(#383838, #383838);
|
||||
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #464646;
|
||||
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #ffffff;
|
||||
--gnome-hover-urlbar-border-color: #585858;
|
||||
--gnome-inactive-urlbar-background: #383838;
|
||||
--gnome-inactive-urlbar-border-color: #282828;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #d6d6d6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #262626;
|
||||
--gnome-tabbar-tab-color: #909090;
|
||||
--gnome-tabbar-tab-border-color: #070707;
|
||||
--gnome-tabbar-tab-hover-background: #2b2b2b;
|
||||
--gnome-tabbar-tab-hover-border-color: #070707;
|
||||
--gnome-tabbar-tab-hover-color: #c8c8c8;
|
||||
--gnome-tabbar-tab-active-background: #373737;
|
||||
--gnome-tabbar-tab-active-border-color: #070707;
|
||||
--gnome-tabbar-tab-active-color: #ffffff;
|
||||
--gnome-tabbar-tab-active-hover-background: #313131;
|
||||
--gnome-inactive-tabbar-tab-color: #686868;
|
||||
--gnome-inactive-tabbar-tab-background: #202020;
|
||||
--gnome-inactive-tabbar-tab-active-background: #313131;
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: #898989;
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #383838;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #242424;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,176 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #1f1f1f;
|
||||
--gnome-content-page-dialog-background: #242424;
|
||||
--gnome-content-page-background: #101010;
|
||||
--gnome-content-box-background: #1b1b1b;
|
||||
--gnome-content-page-color: #dddddd;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #1e1e1e;
|
||||
--gnome-tabstoolbar-background: #1e1e1e;
|
||||
--gnome-findbar-background: #282828;
|
||||
--gnome-toolbar-color: #ffffff;
|
||||
--gnome-toolbar-icon-fill: #ffffff;
|
||||
--gnome-toolbar-border-color: #070707;
|
||||
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
|
||||
--gnome-inactive-toolbar-background: #1e1e1e;
|
||||
--gnome-inactive-toolbar-border-color: #121212;
|
||||
|
||||
/* Sidebar */
|
||||
--sidebar-background-color: #323232 !important;
|
||||
--gnome-sidebar-background: #1e1e1e;
|
||||
--gnome-inactive-sidebar-background: #3f3f3f;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(40, 40, 40, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-background: rgba(40, 40, 40, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
|
||||
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #1e1e1e;
|
||||
--gnome-headerbar-border-color: #070707;
|
||||
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
--gnome-inactive-headerbar-background: #1e1e1e;
|
||||
--gnome-inactive-headerbar-border-color: #202020;
|
||||
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: #2a2a2a;
|
||||
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #242424 0%, #282828 100%);
|
||||
--gnome-button-active-background: #282828;
|
||||
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
--gnome-button-disabled-background: linear-gradient(to top, #242424 0%, #494949 100%);
|
||||
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
--gnome-inactive-button-background: #2a2a2a;
|
||||
--gnome-inactive-button-border-color: #282828;
|
||||
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
|
||||
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
|
||||
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
|
||||
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
|
||||
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #2a2a2a;
|
||||
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
--gnome-urlbar-color: #ffffff;
|
||||
--gnome-hover-urlbar-border-color: #585858;
|
||||
--gnome-inactive-urlbar-background: #2a2a2a;
|
||||
--gnome-inactive-urlbar-border-color: #282828;
|
||||
--gnome-inactive-urlbar-box-shadow: none;
|
||||
--gnome-inactive-urlbar-color: #d6d6d6;
|
||||
--gnome-focused-urlbar-border-color: #338CBE;
|
||||
--gnome-focused-urlbar-highlight-color: #006EA0;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #2a2a2a;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-border-color: #1e1e1e;
|
||||
--gnome-tabbar-tab-hover-background: #282828;
|
||||
--gnome-tabbar-tab-hover-border-color: #1e1e1e;
|
||||
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
|
||||
--gnome-tabbar-tab-active-background: #1e1e1e;
|
||||
--gnome-tabbar-tab-active-border-color: #070707;
|
||||
--gnome-tabbar-tab-active-color: #ffffff;
|
||||
--gnome-tabbar-tab-active-hover-background: #1e1e1e;
|
||||
--gnome-inactive-tabbar-tab-color: var(--gnome-tabbar-tab-color);
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabbar-tab-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: var(--gnome-tabbar-tab-active-background);
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #464646;
|
||||
--gnome-switch-hover-background: #525252;
|
||||
--gnome-switch-active-background: #606060;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
|
||||
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
|
||||
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #78aeed;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #1e1e1e;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #252F49;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #FBFBFE;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #1f1f1f;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #FBFBFE;
|
||||
}
|
||||
}
|
||||
@@ -1,182 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-content-page-dialog-background: #ffffff;
|
||||
--gnome-content-page-background: #f2f2f2;
|
||||
--gnome-content-box-background: #ffffff;
|
||||
--gnome-content-page-color: #242424;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Browser colors */
|
||||
--in-content-link-color: var(--theme-primary-color) !important;
|
||||
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-tabstoolbar-background: color-mix(in srgb, currentColor 8%, var(--gnome-toolbar-background));
|
||||
--gnome-findbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-toolbar-color: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-toolbar-icon-fill: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
|
||||
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-menu-border-color: rgba(0,0,0,.15);
|
||||
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
|
||||
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-popover-separator-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #ffffff);
|
||||
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.35) inset;
|
||||
|
||||
/* Buttons */
|
||||
--button-background-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 35%, transparent);
|
||||
--button-background-hover-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 75%, transparent);
|
||||
--button-background-active-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--button-background-disabled-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 15%, transparent);
|
||||
|
||||
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
|
||||
--gnome-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-border-bottom-color: light-dark(rgba(0,0,0,.20), #000000);
|
||||
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
|
||||
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
|
||||
--gnome-button-active-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-active-bottom-border-color: light-dark(rgba(0,0,0,.20), #000000);
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
|
||||
--gnome-button-disabled-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: color-mix(in srgb, currentColor 5%, transparent);
|
||||
--gnome-inactive-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 5%, transparent);
|
||||
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-color: var(--toolbar-color, #2e2e2e);
|
||||
--gnome-urlbar-background: color-mix(in srgb, currentColor 8%, transparent);
|
||||
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 4%, transparent);
|
||||
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #2e2e2e));
|
||||
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
|
||||
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-background: var(--gnome-headerbar-background);
|
||||
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-headerbar-background));
|
||||
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
|
||||
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
|
||||
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #b2b2b2;
|
||||
--gnome-switch-hover-background: #a0a0a0;
|
||||
--gnome-switch-active-background: #929292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #ffffff;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #FAFAFA;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,173 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #f3f4f6;
|
||||
--gnome-content-page-dialog-background: #fbfcfd;
|
||||
--gnome-content-page-background: #e3e8f2;
|
||||
--gnome-content-box-background: #fbfcfd;
|
||||
--gnome-content-page-color: #1b1e24;
|
||||
--theme-primary-color: #5271ad;
|
||||
--theme-primary-hover-color: #6085cc;
|
||||
--theme-primary-active-color: #73a0f5;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #fbfcfd;
|
||||
--gnome-tabstoolbar-background: #d7dce5;
|
||||
--gnome-findbar-background: #f3f4f6;
|
||||
--gnome-toolbar-color: #22262e;
|
||||
--gnome-toolbar-icon-fill: #22262e;
|
||||
--gnome-toolbar-border-color: #c3c7cf;
|
||||
--gnome-inactive-toolbar-color: rgba(34, 38, 46, 0.45);
|
||||
--gnome-inactive-toolbar-background: #f6f5f4;
|
||||
--gnome-inactive-toolbar-border-color: #cdd1da;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #f3f4f6;
|
||||
--gnome-inactive-sidebar-background: #f2f4f9;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
|
||||
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #fbfcfd;
|
||||
--gnome-headerbar-border-color: #c3c7cf;
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: #f3f4f6;
|
||||
--gnome-inactive-headerbar-border-color: #cdd1da;
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #eaecf1 0%, #f5f8fd 95%, #f6f9fe 100%);
|
||||
--gnome-button-border-color: #c3c7cf;
|
||||
--gnome-button-border-bottom-color: #c3c7cf;
|
||||
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
|
||||
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #f5f8fd 0%, #eef3fd 100%);
|
||||
--gnome-button-active-background: #c3c7cf;
|
||||
--gnome-button-active-border-color: #a7abb2;
|
||||
--gnome-button-active-border-bottom-color: #a7abb2;
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: #faf9f8;
|
||||
--gnome-button-disabled-border-color: #c3c7cf;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: #f6f5f4;
|
||||
--gnome-inactive-button-border-color: #cdd1da;
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #f3f4f6;
|
||||
--gnome-urlbar-border-color: #abafb6;
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-urlbar-color: #020202;
|
||||
--gnome-hover-urlbar-border-color: #d7dce5;
|
||||
--gnome-inactive-urlbar-background: #e9ebf0;
|
||||
--gnome-inactive-urlbar-border-color: #cdd1da;
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: #252932;
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: #e6c2ff;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #d7dce5;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-border-color: #c3c7cf;
|
||||
--gnome-tabbar-tab-hover-background: #c8ccd5;
|
||||
--gnome-tabbar-tab-hover-border-color: #c3c7cf;
|
||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
||||
--gnome-tabbar-tab-active-background: #fbfcfd;
|
||||
--gnome-tabbar-tab-active-border-color: #c3c7cf;
|
||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
||||
--gnome-tabbar-tab-active-hover-background: #f3f4f6;
|
||||
--gnome-inactive-tabbar-tab-color: #8b8c8f;
|
||||
--gnome-inactive-tabbar-tab-background: #dfdfdf;
|
||||
--gnome-inactive-tabbar-tab-active-background: #f3f4f6;
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #a7abb2;
|
||||
--gnome-switch-hover-background: #969aa0;
|
||||
--gnome-switch-active-background: #7b8292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #fbfcfd;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #fbfcfd;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #ebf0fa;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,173 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Variables that start with --gnome- are added by me and are assigned
|
||||
* to elements somewhere in this code. The rest of the variables are
|
||||
* built-in in Firefox, so you need to add an !important if you wanna
|
||||
* override them. */
|
||||
|
||||
:root {
|
||||
/* Browser area before a page starts loading */
|
||||
--gnome-browser-before-load-background: #f5f5f5;
|
||||
--gnome-content-page-dialog-background: #ffffff;
|
||||
--gnome-content-page-background: #f2f2f2;
|
||||
--gnome-content-box-background: #ffffff;
|
||||
--gnome-content-page-color: #242424;
|
||||
--theme-primary-color: #315bef;
|
||||
--theme-primary-hover-color: #5073f1;
|
||||
--theme-primary-active-color: #6584f3;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: #ffffff;
|
||||
--gnome-tabstoolbar-background: #E5E5E5;
|
||||
--gnome-findbar-background: #f5f5f5;
|
||||
--gnome-toolbar-color: #2e2e2e;
|
||||
--gnome-toolbar-icon-fill: #2e2e2e;
|
||||
--gnome-toolbar-border-color: #cfcfcf;
|
||||
--gnome-inactive-toolbar-color: rgba(46, 46, 46, 0.45);
|
||||
--gnome-inactive-toolbar-background: #f6f5f4;
|
||||
--gnome-inactive-toolbar-border-color: #dadada;
|
||||
|
||||
/* Sidebar */
|
||||
--gnome-sidebar-background: #f5f5f5;
|
||||
--gnome-inactive-sidebar-background: #f9f9f8;
|
||||
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
|
||||
|
||||
/* Popups */
|
||||
--gnome-menu-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-background: rgba(255, 255, 255, 0.95);
|
||||
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
|
||||
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
|
||||
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
|
||||
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
/* Header bar */
|
||||
--gnome-headerbar-background: #ffffff;
|
||||
--gnome-headerbar-border-color: #cfcfcf;
|
||||
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
|
||||
--gnome-inactive-headerbar-background: #f5f5f5;
|
||||
--gnome-inactive-headerbar-border-color: #dadada;
|
||||
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
||||
|
||||
/* Buttons */
|
||||
--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
|
||||
--gnome-button-border-color: #cfcfcf;
|
||||
--gnome-button-border-bottom-color: #cfcfcf;
|
||||
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
|
||||
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
|
||||
--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
|
||||
--gnome-button-active-background: #cfcfcf;
|
||||
--gnome-button-active-border-color: #b2b2b1;
|
||||
--gnome-button-active-border-bottom-color: #b2b2b1;
|
||||
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
|
||||
--gnome-button-disabled-background: #faf9f8;
|
||||
--gnome-button-disabled-border-color: #cfcfcf;
|
||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-inactive-button-background: #f6f5f4;
|
||||
--gnome-inactive-button-border-color: #dadada;
|
||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-border-bottom-color: #15539e;
|
||||
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
|
||||
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
|
||||
--gnome-button-suggested-action-active-border-color: #1b6acb;
|
||||
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
|
||||
--gnome-button-destructive-action-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-border-bottom-color: #851015;
|
||||
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
|
||||
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
|
||||
--gnome-button-destructive-action-active-border-color: #b2161d;
|
||||
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
|
||||
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
|
||||
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
|
||||
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
|
||||
|
||||
/* URL bar */
|
||||
--gnome-urlbar-background: #f5f5f5;
|
||||
--gnome-urlbar-border-color: #b6b6b3;
|
||||
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
|
||||
--gnome-urlbar-color: #020202;
|
||||
--gnome-hover-urlbar-border-color: #e5e5e5;
|
||||
--gnome-inactive-urlbar-background: #f0f0f0;
|
||||
--gnome-inactive-urlbar-border-color: #dadada;
|
||||
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
|
||||
--gnome-inactive-urlbar-color: #323232;
|
||||
--gnome-focused-urlbar-border-color: #5683DA;
|
||||
--gnome-focused-urlbar-highlight-color: #6592E9;
|
||||
--gnome-private-urlbar-background: #e6c2ff;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-background: #e5e5e5;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-border-color: #cfcfcf;
|
||||
--gnome-tabbar-tab-hover-background: #d5d5d5;
|
||||
--gnome-tabbar-tab-hover-border-color: #cfcfcf;
|
||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
||||
--gnome-tabbar-tab-active-background: #ffffff;
|
||||
--gnome-tabbar-tab-active-border-color: #cfcfcf;
|
||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
||||
--gnome-tabbar-tab-active-hover-background: #f5f5f5;
|
||||
--gnome-inactive-tabbar-tab-color: #8b8e8f;
|
||||
--gnome-inactive-tabbar-tab-background: #dfdfdf;
|
||||
--gnome-inactive-tabbar-tab-active-background: #f5f5f5;
|
||||
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||
--gnome-tab-attention-icon-color: #718be8;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #b2b2b2;
|
||||
--gnome-switch-hover-background: #a0a0a0;
|
||||
--gnome-switch-active-background: #929292;
|
||||
--gnome-switch-border-color: transparent;
|
||||
--gnome-switch-slider-background: #ffffff;
|
||||
--gnome-switch-slider-border-color: transparent;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-border-color: transparent;
|
||||
--gnome-switch-active-slider-border-color: transparent;
|
||||
--gnome-switch-pressed-background: #315bef;
|
||||
--gnome-switch-pressed-hover-background: #5073f1;
|
||||
--gnome-switch-pressed-active-background: #6584f3;
|
||||
|
||||
/* Dirty hacks for replaced symbolic icons, they load from
|
||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||
* inverted, on others they don't, adjusts the filters below to your
|
||||
* needs (you may also adjust icon brightness here). */
|
||||
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
|
||||
--gnome-icons-hack-filter: none;
|
||||
--gnome-window-icons-hack-filter: invert(30%);
|
||||
|
||||
/* Private window colors */
|
||||
--gnome-private-accent: #1c71d8;
|
||||
|
||||
/* Toolbars */
|
||||
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
|
||||
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
|
||||
/* Menus */
|
||||
--gnome-private-menu-background: #ffffff;
|
||||
/* Header bar */
|
||||
--gnome-private-headerbar-background: #D7E3F0;
|
||||
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
|
||||
/* Tabs */
|
||||
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
|
||||
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
|
||||
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
|
||||
|
||||
/* Text color for Firefox Logo in new private tab */
|
||||
--gnome-private-wordmark: #20123A;
|
||||
|
||||
/* New private tab background */
|
||||
--gnome-private-in-content-page-background: #FAFAFA;
|
||||
|
||||
/* Private browsing info box */
|
||||
--gnome-private-text-primary-color: #15141A;
|
||||
}
|
||||
@@ -1,366 +0,0 @@
|
||||
/* Header bar's URL bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Center the URL bar */
|
||||
toolbarspring {
|
||||
max-width: 10000px !important;
|
||||
}
|
||||
|
||||
/* URL bar */
|
||||
#urlbar {
|
||||
--urlbar-height: 32px !important;
|
||||
--urlbar-container-height: 32px !important;
|
||||
--urlbar-toolbar-height: 32px !important;
|
||||
--urlbar-inner-padding: 0 !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
padding-block: 0 !important;
|
||||
padding-inline: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-background {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
background: transparent !important;
|
||||
border-radius: 8px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container,
|
||||
.urlbar-input-container {
|
||||
border: none !important;
|
||||
padding: 0 3px !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#urlbar:-moz-window-inactive {
|
||||
border-color: var(--gnome-inactive-headerbar-background) !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
width: var(--urlbar-width) !important;
|
||||
z-index: 5 !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 8px !important;
|
||||
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
outline-offset: -2px;
|
||||
-moz-outline-radius: 8px;
|
||||
transition: outline 100ms ease-out;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend][open] {
|
||||
height: auto !important;
|
||||
max-height: unset !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] #urlbar-input-container,
|
||||
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
|
||||
height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
}
|
||||
|
||||
#urlbar-input {
|
||||
text-align: center !important;
|
||||
padding: 0 28px 0 0 !important;
|
||||
}
|
||||
|
||||
/* URL bar results */
|
||||
.urlbarView {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
margin: 6px 0 0 0 !important;
|
||||
width: 100% !important;
|
||||
position: absolute !important;
|
||||
box-shadow: var(--gnome-urlbar-box-shadow) !important;
|
||||
border-radius: 12px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.urlbarView {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.urlbarView-body-outer {
|
||||
--item-padding-start: 0 !important;
|
||||
--item-padding-end: 0 !important;
|
||||
max-height: 40vh !important;
|
||||
overflow-x: auto;
|
||||
padding: 0 6px !important;
|
||||
}
|
||||
|
||||
.urlbarView-body-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner, .urlbarView-no-wrap {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner {
|
||||
padding-block: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.urlbarView-action {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Search engines buttons */
|
||||
.search-one-offs {
|
||||
margin: 0 0 2px !important;
|
||||
padding: 8px !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item {
|
||||
--toolbarbutton-active-background: var(--gnome-button-hover-background) !important;
|
||||
--toolbarbutton-hover-background: var(--gnome-button-active-background) !important;
|
||||
-moz-appearance: none !important;
|
||||
background-image: var(--gnome-button-background) !important;
|
||||
box-shadow: var(--gnome-button-box-shadow) !important;
|
||||
border: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-left-width: 0 !important;
|
||||
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
|
||||
padding: 0 2px !important;
|
||||
min-height: 34px !important;
|
||||
min-width: 34px !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
|
||||
background-image: var(--gnome-button-hover-background) !important;
|
||||
color: unset !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item:first-child {
|
||||
border-radius: 5px 0 0 5px !important;
|
||||
border-left-width: 1px !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:not(.search-setting-button):last-child {
|
||||
border-radius: 0 5px 5px 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-anon-search-settings-compact,
|
||||
.search-setting-button {
|
||||
border-left-width: 1px !important;
|
||||
border-bottom: 1px solid var(--gnome-button-border-bottom-color) !important;
|
||||
border-radius: 5px !important;
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="invalid"] > .identity-box-button,
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > .identity-box-button {
|
||||
padding-inline: 6px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar */
|
||||
#urlbar[focused] .urlbar-textbox-container {
|
||||
margin: -1px !important;
|
||||
}
|
||||
|
||||
#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
|
||||
margin-left: -1px !important;
|
||||
}
|
||||
|
||||
#searchbar > .searchbar-textbox[focused] .search-go-button {
|
||||
margin-right: -1px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar's icons */
|
||||
.urlbar-icon-wrapper:hover,
|
||||
.urlbar-icon-wrapper[open],
|
||||
.urlbar-icon:hover:active,
|
||||
.urlbar-icon-wrapper:hover:active,
|
||||
.searchbar-search-button:hover .searchbar-search-icon,
|
||||
.searchbar-search-button[open] .searchbar-search-icon,
|
||||
.searchbar-search-button:hover:active .searchbar-search-icon {
|
||||
background-color: transparent !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
#notification-popup-box {
|
||||
height: 26px !important;
|
||||
width: 28px !important;
|
||||
padding: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.notification-anchor-icon {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action,
|
||||
#urlbar-go-button,
|
||||
.urlbar-go-button,
|
||||
.search-go-button,
|
||||
#tracking-protection-icon-container {
|
||||
width: 28px !important;
|
||||
height: 26px !important;
|
||||
margin: 3px 0 !important;
|
||||
padding: 6px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#nav-bar #urlbar toolbarbutton#urlbar-searchmode-switcher:not(#urlbar-zoom-button):not(.subviewbutton):not(.titlebar-button):not(.close-button) {
|
||||
appearance: none;
|
||||
border-radius: 5px !important;
|
||||
margin-top: 3px !important;
|
||||
margin-bottom: 3px !important;
|
||||
margin-inline-start: 0 !important;
|
||||
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
|
||||
padding-inline: var(--urlbar-searchmodeswitcher-inline-padding);
|
||||
min-width: 50px !important;
|
||||
min-height: 26px !important;
|
||||
|
||||
&.close-button {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: var(--focus-outline);
|
||||
outline-offset: var(--focus-outline-inset);
|
||||
}
|
||||
|
||||
&[open] {
|
||||
background-color: var(--urlbar-box-focus-bgcolor) !important;
|
||||
}
|
||||
|
||||
/* No need space if page information icons such as lock and shield is shown */
|
||||
#urlbar[pageproxystate=valid] & {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
#urlbar[searchmode] & {
|
||||
background-color: var(--urlbar-box-bgcolor) !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border-start-end-radius: 0 !important;
|
||||
border-end-end-radius: 0 !important;
|
||||
min-width: 32px !important;
|
||||
}
|
||||
|
||||
/* The background rule should match to #searchmode-switcher-chicklet */
|
||||
#urlbar[focused] & {
|
||||
background-color: var(--urlbar-box-focus-bgcolor) !important;
|
||||
}
|
||||
|
||||
/* stylelint-disable media-query-no-invalid */
|
||||
@media (not -moz-pref("browser.urlbar.searchModeSwitcher.featureGate")) and
|
||||
(not -moz-pref("browser.urlbar.scotchBonnet.enableOverride")) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#searchmode-switcher-chicklet {
|
||||
background-color: var(--urlbar-box-bgcolor);
|
||||
border-start-end-radius: 5px !important;
|
||||
border-end-end-radius: 5px !important;
|
||||
align-items: center;
|
||||
height: 26px !important;
|
||||
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
|
||||
display: none;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#urlbar-search-mode-indicator-close, #searchmode-switcher-close {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action {
|
||||
padding: 5px 6px !important;
|
||||
}
|
||||
|
||||
#identity-box {
|
||||
margin: 3px 2px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="valid"].chromeUI {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container:hover,
|
||||
.urlbar-page-action:hover,
|
||||
#urlbar-go-button:hover,
|
||||
.urlbar-go-button:hover,
|
||||
.search-go-button:hover,
|
||||
#identity-box:hover {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container:active,
|
||||
#tracking-protection-icon-container[open="true"],
|
||||
.urlbar-page-action:active,
|
||||
#urlbar-go-button:active,
|
||||
.urlbar-go-button:active,
|
||||
.search-go-button:active,
|
||||
#identity-box:active {
|
||||
background: var(--gnome-headerbar-button-active-background) !important;
|
||||
}
|
||||
|
||||
.identity-box-button {
|
||||
border-radius: 5px !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Search mode indicator */
|
||||
#urlbar-search-mode-indicator,
|
||||
#urlbar-label-box {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
border: none !important;
|
||||
border-radius: 5px !important;
|
||||
outline: 0 !important;
|
||||
margin-top: 3px !important;
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-title {
|
||||
padding-inline: 4px !important;;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close {
|
||||
background-size: 12px 12px !important;
|
||||
border-radius: 3px !important;
|
||||
opacity: 0.8 !important;
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
|
||||
/*translations-button*/
|
||||
#translations-button[translationsactive] > #translations-button-icon {
|
||||
fill: var(--theme-primary-active-color) !important;
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
#translations-button-circle-arrows {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
list-style-image: url("chrome://browser/skin/sync.svg");
|
||||
fill: var(--theme-primary-active-color) !important;
|
||||
fill-opacity: 1;
|
||||
margin-inline: 1px;
|
||||
}
|
||||
|
||||
#translations-button-locale {
|
||||
background-color: var(--theme-primary-active-color) !important;
|
||||
color: white !important;
|
||||
border-radius: 4px;
|
||||
font-size: 0.8em;
|
||||
height: 20px;
|
||||
min-width: 20px;
|
||||
text-align: center;
|
||||
padding-top: 3px;
|
||||
padding-inline: 1px;
|
||||
box-sizing: border-box;
|
||||
margin-inline: 2px -2px;
|
||||
margin-block: -2px;
|
||||
}
|
||||
|
||||
#translations-button[translationsactive="true"] {
|
||||
width: auto !important;
|
||||
}
|
||||
@@ -1,471 +0,0 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
/* Remove hover effects on tab bar buttons */
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
padding: 0 !important;
|
||||
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
|
||||
|
||||
/* Tabs bar height */
|
||||
#tabbrowser-tabs {
|
||||
--tab-min-height: 32px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
|
||||
max-height: 32px !important;
|
||||
}
|
||||
|
||||
.tab-background, .tab-stack {
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
.toolbar-items {
|
||||
margin-bottom: -1px !important;
|
||||
}
|
||||
|
||||
/* New hover effect */
|
||||
toolbarbutton {
|
||||
fill-opacity: .6 !important;
|
||||
}
|
||||
toolbarbutton:not([disabled]):hover,
|
||||
toolbarbutton[open=true] {
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Remove shadow next to tab scroll buttons */
|
||||
.arrowscrollbox-overflow-start-indicator,
|
||||
.arrowscrollbox-overflow-end-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Remove tab separators */
|
||||
.tabbrowser-tab::after,
|
||||
.tabbrowser-tab::before {
|
||||
border-color: transparent !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
|
||||
/* Tabs separators */
|
||||
.tabbrowser-tab {
|
||||
border-left: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
|
||||
border-color: var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected] + .tabbrowser-tab,
|
||||
.tabbrowser-tab:hover + .tabbrowser-tab {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:first-of-type {
|
||||
border-left: none !important;
|
||||
}
|
||||
|
||||
/* Space between tabs */
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Center all inside tab */
|
||||
.tab-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
min-width: 44px !important;
|
||||
min-height: 32px !important;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
/* Fix custom info tab icon */
|
||||
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
|
||||
margin-inline-end: 5.5px;
|
||||
}
|
||||
|
||||
/* Prevent tab icons size breaking */
|
||||
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
/* Center tab text */
|
||||
.tab-label {
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
/* Adjust tab label width */
|
||||
.tab-label-container {
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned]) .tab-label-container {
|
||||
max-width: min-content !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[pinned] .tab-label-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
/* Hide secondary label about muting */
|
||||
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Put tab close button and icon sound to the right */
|
||||
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
|
||||
.tab-icon-sound[activemedia-blocked="true"] {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
|
||||
/* margin-left: auto !important;*/
|
||||
/*}*/
|
||||
.tab-icon-sound {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* Force tab favicon to the center */
|
||||
.tab-throbber, .tab-throbber-fallback,
|
||||
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-image,
|
||||
.tabbrowser-tab .tab-icon-stack {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:is([pinned]) .tab-icon-stack {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-stack .tab-icon-image {
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
/* If tab favicon is not present, force tab label to the center */
|
||||
.tabbrowser-tab .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* Fix website with no favicon centred text */
|
||||
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
/*Align personal bookmarks v89 */
|
||||
#personal-bookmarks {
|
||||
-moz-box-align: center !important;
|
||||
}
|
||||
|
||||
/* fix misc spacing between tabs */
|
||||
.tabbrowser-tab {
|
||||
padding-inline: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#pinned-tabs-container[orient="horizontal"] {
|
||||
margin-inline-end: 0 !important;
|
||||
border-right: 1px solid var(--gnome-tabbar-tab-border-color) !important;
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
.tab-background {
|
||||
background-color: transparent !important;
|
||||
transition: background-color 200ms;
|
||||
border-radius: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
/* centre text when audio is playing */
|
||||
.tabbrowser-tab:is([soundplaying]) .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
.tabbrowser-tab:not([selected=true]):hover .tab-background {
|
||||
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
|
||||
border-image: none !important;
|
||||
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background:is([selected]) {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
border-image: none !important;
|
||||
transition: none !important;
|
||||
margin-left: -1px !important;
|
||||
margin-right: -1px !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: 1px 0 var(--gnome-toolbar-border-color), 1px 0 3px rgba(0, 0, 0, 0.08),
|
||||
-1px 0 var(--gnome-toolbar-border-color), -1px 0 3px rgba(0, 0, 0, 0.08),
|
||||
inset 0 -1px var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
.tab-background:is([selected]):-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
|
||||
/* Tabs scroll buttons */
|
||||
#scrollbutton-up:not([disabled]):hover,
|
||||
#scrollbutton-down:not([disabled]):hover {
|
||||
background: var(--gnome-tabbar-tab-active-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Full width tabs */
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
|
||||
max-width: .1px !important;
|
||||
}
|
||||
|
||||
/* Remove blank spaces on tabs start and end */
|
||||
.titlebar-spacer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* TabsToolbar buttons */
|
||||
.toolbarbutton-1 {
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
min-width: 32px !important;
|
||||
min-height: 32px !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1 > .toolbarbutton-icon,
|
||||
.toolbarbutton-1 > .toolbarbutton-text,
|
||||
.toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1 > .toolbarbutton-icon {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
#alltabs-button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Tab labels */
|
||||
tab {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
tab:hover {
|
||||
color: var(--gnome-tabbar-tab-hover-color) !important;
|
||||
}
|
||||
tab[selected] {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
tab:-moz-window-inactive {
|
||||
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
||||
}
|
||||
tab[selected]:-moz-window-inactive {
|
||||
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
/* Close tab button */
|
||||
.close-icon {
|
||||
height: 16px !important;
|
||||
padding: 0 !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 3px !important;
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
height: 16px;
|
||||
opacity: .3;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.tab-close-button {
|
||||
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root:-moz-window-inactive .tab-close-button:not(#hack) {
|
||||
opacity: .18 !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:hover {
|
||||
background-color: var(--gnome-button-hover-color) !important;
|
||||
border: none !important;
|
||||
opacity: 1;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:active {
|
||||
background-color: var(--gnome-button-active-color) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:active:not(:hover) {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab close button etc. positioning */
|
||||
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
|
||||
.tabbrowser-tab[muted="true"] .tab-icon-image {
|
||||
margin-top: 3px !important;
|
||||
margin-left: 2px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay {
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 100px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
top: 0 !important;
|
||||
inset-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Remove blue line above tabs */
|
||||
.tab-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* tab-context-line above tabs */
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 2px;
|
||||
border-radius: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Remove alt colours references for multi tabs*/
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tab attention dot */
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
|
||||
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
|
||||
background-position: center bottom 3px !important;
|
||||
background-size: 4px 4px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[class*="identity-color-"][pinned] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* firefox-view-button */
|
||||
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
|
||||
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
|
||||
toolbarbutton:not(#firefox-view-button),
|
||||
toolbarpaletteitem:not(#wrapper-firefox-view-button)
|
||||
) + #tabbrowser-tabs {
|
||||
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button {
|
||||
border-radius: 0 !important;
|
||||
padding: 0 4px !important;
|
||||
}
|
||||
|
||||
#firefox-view-button > .toolbarbutton-icon {
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button[open] {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
box-shadow: inset 0 -1px var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button[open]:-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* fix pip on small displays */
|
||||
.tab-icon-overlay[pictureinpicture] {
|
||||
top: 3px !important;
|
||||
inset-inline-end: 13px !important;
|
||||
z-index: 1 !important;
|
||||
max-width: 10px;
|
||||
max-height: 10px;
|
||||
}
|
||||
|
||||
/* fix spacing on too many tabs */
|
||||
.tab-icon-overlay:not([pinned], [sharing]),
|
||||
[pictureinpicture] {
|
||||
margin-inline-end: 4px !important;
|
||||
margin-inline-start: 4px !important;
|
||||
}
|
||||
@@ -1,488 +0,0 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
/* Remove hover effects on tab bar buttons */
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
padding: 0 !important;
|
||||
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
|
||||
|
||||
/* New hover effect */
|
||||
toolbarbutton {
|
||||
fill-opacity: .6 !important;
|
||||
}
|
||||
toolbarbutton:not([disabled]):hover,
|
||||
toolbarbutton[open=true] {
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
/* Tabs bar height */
|
||||
#tabbrowser-tabs {
|
||||
--tab-min-height: 32px !important;
|
||||
--tabstrip-min-height: 32px !important;
|
||||
}
|
||||
|
||||
.tab-background, .tab-stack {
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
|
||||
max-height: 32px !important;
|
||||
}
|
||||
|
||||
.toolbar-items {
|
||||
margin-bottom: -1px !important;
|
||||
}
|
||||
|
||||
/* Remove shadow next to tab scroll buttons */
|
||||
.arrowscrollbox-overflow-start-indicator,
|
||||
.arrowscrollbox-overflow-end-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Remove tab separators */
|
||||
.tabbrowser-tab::after,
|
||||
.tabbrowser-tab::before {
|
||||
border-color: transparent !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
|
||||
/* Tabs separators */
|
||||
.tabbrowser-tab {
|
||||
border-left: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
|
||||
border-color: var(--gnome-tabbar-tab-border-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected] + .tabbrowser-tab,
|
||||
.tabbrowser-tab:hover + .tabbrowser-tab {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:first-of-type {
|
||||
border-left: none !important;
|
||||
}
|
||||
|
||||
/* Space between tabs */
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Center all inside tab */
|
||||
.tab-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
min-width: 44px !important;
|
||||
min-height: 32px !important;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
/* Fix custom info tab icon */
|
||||
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
|
||||
margin-inline-end: 5.5px;
|
||||
}
|
||||
|
||||
/* Prevent tab icons size breaking */
|
||||
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
/* Center tab text */
|
||||
.tab-label {
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
/* Adjust tab label width */
|
||||
.tab-label-container {
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned]) .tab-label-container {
|
||||
max-width: min-content !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[pinned] .tab-label-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
/* Hide secondary label about muting */
|
||||
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Put tab close button and icon sound to the right */
|
||||
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
|
||||
.tab-icon-sound[activemedia-blocked="true"] {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
|
||||
/* margin-left: auto !important;*/
|
||||
/*}*/
|
||||
.tab-icon-sound {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* Force tab favicon to the center */
|
||||
.tab-throbber, .tab-throbber-fallback,
|
||||
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-image,
|
||||
.tabbrowser-tab .tab-icon-stack {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:is([pinned]) .tab-icon-stack {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-stack .tab-icon-image {
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
/* If tab favicon is not present, force tab label to the center */
|
||||
.tabbrowser-tab .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* Fix website with no favicon centred text */
|
||||
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
|
||||
/*Align personal bookmarks v89 */
|
||||
#personal-bookmarks {
|
||||
-moz-box-align: center !important;
|
||||
}
|
||||
|
||||
/* fix misc spacing between tabs */
|
||||
.tabbrowser-tab {
|
||||
padding-inline: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
/* centre text when audio is playing */
|
||||
.tabbrowser-tab:is([soundplaying]) .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
margin-right: auto !important
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
.tab-background {
|
||||
transition: background-color 200ms;
|
||||
border-radius: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
.tabbrowser-tab:not([selected=true]):hover .tab-background {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
border-image: none !important;
|
||||
box-shadow: inset 0 1px var(--gnome-tabbar-tab-hover-border-color), inset 0 -1px var(--gnome-tabbar-tab-hover-border-color) !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background:is([selected]) {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
border-image: none !important;
|
||||
transition: none !important;
|
||||
margin-left: -1px !important;
|
||||
margin-right: -1px !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: 1px 0 var(--gnome-tabbar-tab-active-border-color), 1px 0 3px rgba(0, 0, 0, 0.08),
|
||||
-1px 0 var(--gnome-tabbar-tab-active-border-color), -1px 0 3px rgba(0, 0, 0, 0.08),
|
||||
inset 0 -1px var(--gnome-tabbar-tab-active-border-color) !important;
|
||||
}
|
||||
|
||||
.tab-background:is([selected]):-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
|
||||
/* Tabs scroll buttons */
|
||||
#scrollbutton-up:not([disabled]):hover,
|
||||
#scrollbutton-down:not([disabled]):hover {
|
||||
background: var(--gnome-tabbar-tab-active-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Full width tabs */
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
|
||||
max-width: .1px !important;
|
||||
}
|
||||
|
||||
/* Remove blank spaces on tabs start and end */
|
||||
.titlebar-spacer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* TabsToolbar buttons */
|
||||
.toolbarbutton-1 {
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
min-width: 32px !important;
|
||||
min-height: 32px !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1 > .toolbarbutton-icon,
|
||||
.toolbarbutton-1 > .toolbarbutton-text,
|
||||
.toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1 > .toolbarbutton-icon {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
#alltabs-button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#pinned-tabs-container[orient="horizontal"] {
|
||||
margin-inline-end: 0 !important;
|
||||
border-right: 1px solid var(--gnome-tabbar-tab-border-color) !important;
|
||||
}
|
||||
|
||||
/* Tab labels */
|
||||
tab {
|
||||
color: var(--gnome-tabbar-tab-color) !important;
|
||||
}
|
||||
tab:hover {
|
||||
color: var(--gnome-tabbar-tab-hover-color) !important;
|
||||
}
|
||||
tab[selected] {
|
||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||
}
|
||||
tab:-moz-window-inactive {
|
||||
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
||||
}
|
||||
tab[selected]:-moz-window-inactive {
|
||||
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
||||
}
|
||||
|
||||
/* Close tab button */
|
||||
.close-icon {
|
||||
height: 16px !important;
|
||||
padding: 0 !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 3px !important;
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
height: 16px;
|
||||
opacity: .3;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
:root:-moz-window-inactive .tab-close-button:not(#hack) {
|
||||
opacity: .18 !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:hover {
|
||||
background-color: var(--gnome-button-hover-color) !important;
|
||||
border: none !important;
|
||||
opacity: 1;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:active {
|
||||
background-color: var(--gnome-button-active-color) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:active:not(:hover) {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab close button etc. positioning */
|
||||
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
|
||||
.tabbrowser-tab[muted="true"] .tab-icon-image {
|
||||
margin-top: 3px !important;
|
||||
margin-left: 2px !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay {
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 100px !important;
|
||||
}
|
||||
|
||||
.tab-audio-button {
|
||||
--icon-size-default: 12px;
|
||||
--button-size-icon-small: 24px;
|
||||
--button-min-height-small: 24px;
|
||||
--button-border-radius: 100px !important;
|
||||
margin: -3px 3px 0 !important;
|
||||
}
|
||||
|
||||
/*.tab-content*/
|
||||
/* /* Rearrange content */
|
||||
/* .tab-audio-button {*/
|
||||
/* order: 0;*/
|
||||
/* }*/
|
||||
/* .tab-icon-stack {*/
|
||||
/* order: 1;*/
|
||||
/* }*/
|
||||
/* .tab-label-container {*/
|
||||
/* order: 2;*/
|
||||
/* }*/
|
||||
/* .tab-close-button {*/
|
||||
/* order: 3;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
top: 0 !important;
|
||||
inset-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Remove blue line above tabs */
|
||||
.tab-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* tab-context-line above tabs */
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 2px;
|
||||
border-radius: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Remove alt colours references for multi tabs*/
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tab attention dot */
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
|
||||
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
|
||||
background-position: center bottom 3px !important;
|
||||
background-size: 4px 4px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[class*="identity-color-"][pinned] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* firefox-view-button */
|
||||
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
|
||||
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
|
||||
toolbarbutton:not(#firefox-view-button),
|
||||
toolbarpaletteitem:not(#wrapper-firefox-view-button)
|
||||
) + #tabbrowser-tabs {
|
||||
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button {
|
||||
border-radius: 0 !important;
|
||||
padding: 0 4px !important;
|
||||
}
|
||||
|
||||
#firefox-view-button > .toolbarbutton-icon {
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button[open] {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
box-shadow: inset 0 -1px var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #firefox-view-button[open]:-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* fix pip on small displays */
|
||||
.tab-icon-overlay[pictureinpicture] {
|
||||
top: 3px !important;
|
||||
inset-inline-end: 13px !important;
|
||||
z-index: 1 !important;
|
||||
max-width: 10px;
|
||||
max-height: 10px;
|
||||
}
|
||||
|
||||
/* fix spacing on too many tabs */
|
||||
.tab-icon-overlay:not([pinned], [sharing]),
|
||||
[pictureinpicture] {
|
||||
margin-inline-end: 4px !important;
|
||||
margin-inline-start: 4px !important;
|
||||
}
|
||||
@@ -1,146 +0,0 @@
|
||||
/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
|
||||
* - menu bar (toolbar#toolbar-menubar)
|
||||
* - tab bar (toolbar#TabsToolbar)
|
||||
* - header bar (toolbar#nav-bar)
|
||||
* - bookmark bar (toolbar#PersonalToolbar)
|
||||
* - add-ons can add their own toolbars (toolbar) */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Toolbox colors */
|
||||
#navigator-toolbox, #PersonalToolbar, #toolbar-menubar, .notificationbox-stack {
|
||||
border: none !important;
|
||||
color: var(--gnome-toolbar-color);
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox {
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
border: none !important;
|
||||
color: var(--gnome-toolbar-color);
|
||||
background: var(--gnome-headerbar-background) !important;
|
||||
}
|
||||
|
||||
#nav-bar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox:-moz-window-inactive, .notificationbox-stack:-moz-window-inactive,
|
||||
#PersonalToolbar:-moz-window-inactive, #toolbar-menubar:-moz-window-inactive,
|
||||
#TabsToolbar:-moz-window-inactive, findbar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox:-moz-window-inactive label, #navigator-toolbox:-moz-window-inactive image,
|
||||
#downloads-indicator-anchor:-moz-window-inactive,
|
||||
findbar:-moz-window-inactive image:not(#hack),
|
||||
findbar:-moz-window-inactive label,
|
||||
#viewButton:-moz-window-inactive dropmarker {
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
border: none !important;
|
||||
background: var(--gnome-tabstoolbar-background) !important;
|
||||
box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
.container.infobar {
|
||||
background: var(--gnome-browser-before-load-background) !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay {
|
||||
:is(:root[uidensity="compact"], #tabbrowser-tabs[secondarytext-unsupported], :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover) .tab-icon-stack[indicator-replaces-favicon] > :not(&), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) &[indicator-replaces-favicon] {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive=true]) {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#PersonalToolbar {
|
||||
height: 28px !important;
|
||||
max-height: 28px !important;
|
||||
padding: 0 2px !important;
|
||||
--bookmarks-toolbar-overlapping-browser-height: auto;
|
||||
}
|
||||
|
||||
/* Overrides: Remove border below the menu bar / above the header bar */
|
||||
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
|
||||
border-top-width: 0 !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox::after {
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Reorder toolbars */
|
||||
#navigator-toolbox #nav-bar, findbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
order: 0;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
order: 1;
|
||||
}
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 2;
|
||||
order: 2;
|
||||
}
|
||||
#navigator-toolbox toolbar {
|
||||
-moz-box-ordinal-group: 10;
|
||||
order: 10;
|
||||
}
|
||||
#navigator-toolbox #TabsToolbar {
|
||||
-moz-box-ordinal-group: 20;
|
||||
order: 20;
|
||||
}
|
||||
.container.infobar {
|
||||
-moz-box-ordinal-group: 100;
|
||||
order: 100;
|
||||
}
|
||||
|
||||
/* Overrides: Don't shift other toolbars on tab drag and drop */
|
||||
#TabsToolbar[movingtab] {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
#TabsToolbar[movingtab] > .tabbrowser-tabs {
|
||||
padding-bottom: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
#TabsToolbar[movingtab] + #nav-bar {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
/* Customization page */
|
||||
#customization-container:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
|
||||
}
|
||||
|
||||
#customization-footer {
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border-radius: 0 0 12px 12px !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
toolbar .toolbarbutton-1 {
|
||||
> .toolbarbutton-icon,
|
||||
> .toolbarbutton-text,
|
||||
> .toolbarbutton-badge-stack {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
/* bookmark-item */
|
||||
toolbarbutton.bookmark-item {
|
||||
padding: 3px 6px !important;
|
||||
margin: 0 2px !important;
|
||||
border-radius: 3px !important;
|
||||
max-height: 24px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light-adaptive.css";
|
||||
@import "colors/dark-adaptive.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url("icons/icon.svg") no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox WhiteSur theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/darker.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url("icons/icon.svg") no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox WhiteSur theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light-nord.css";
|
||||
@import "colors/dark-nord.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url("icons/icon.svg") no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox WhiteSur theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar-urlbar.css";
|
||||
@import "parts/headerbar-private-urlbar.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@import "parts/titlebutton-dark.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/sidebar.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/notification.css";
|
||||
@import "parts/infobar.css";
|
||||
@import "parts/video-player.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/dark.css";
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
background: url("icons/icon.svg") no-repeat;
|
||||
background-size: contain;
|
||||
content: "Firefox WhiteSur theme";
|
||||
padding: 10px 10px 10px 50px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
background-color: var(--gnome-browser-before-load-background) !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
/* Allow drag window from headerbar buttons */
|
||||
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
:root[tabsintitlebar] #nav-bar *,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
|
||||
-moz-window-dragging: drag;
|
||||
}
|
||||
|
||||
/* Avoid window dragging from urlbar */
|
||||
:root[tabsintitlebar] #nav-bar .urlbar-input-box,
|
||||
:root[tabsintitlebar] #nav-bar .urlbar-input-box * {
|
||||
-moz-window-dragging: no-drag !important;
|
||||
}
|
||||
|
||||
@@ -1,21 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
#TabsToolbar {
|
||||
min-height: 0 !important;
|
||||
|
||||
#tabbrowser-tabs tab:only-of-type,
|
||||
#alltabs-button {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tab-background,
|
||||
.tab-stack {
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
#tabbrowser-tabs arrowscrollbox {
|
||||
min-height: 0 !important;
|
||||
--tab-min-height: 0 !important;
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
:root[tabsintitlebar], :root[customtitlebar] {
|
||||
&[sizemode="maximized"] {
|
||||
#nav-bar, #titlebar {
|
||||
.titlebar-buttonbox-container {
|
||||
display: none !important;
|
||||
padding: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:not([inFullscreen]) #nav-bar {
|
||||
padding-left: 8px !important;
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v3.1543h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h3.1543v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h3.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h3c0.554 0 1 0.446 1 1v3h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h3v-2c0-0.554 0.446-1 1-1z" opacity=".35"/>
|
||||
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 884 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 799 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@@ -1,4 +0,0 @@
|
||||
<svg width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m12.738 1.2891c-0.37566 0.026625-0.62446 0.4901-0.2832 0.87111a7.9998 7.9998 0 0 1 2.5449 5.8398 7.9998 7.9998 0 0 1-2.5547 5.8515c-0.44599 0.47101 0.18074 1.1485 0.67775 0.72851a8.9999 8.9999 0 0 0 2.877-6.5802 8.9999 8.9999 0 0 0-2.8613-6.5723c-0.13625-0.107-0.27517-0.14755-0.40041-0.13867zm-2.3906 1.416c-0.39561 0.011813-0.64211 0.53575-0.25586 0.91602a6.0001 6.0001 0 0 1 1.9082 4.379 6.0001 6.0001 0 0 1-1.916 4.3888c-0.46901 0.44599 0.17269 1.1465 0.67968 0.72851a7.0001 7.0001 0 0 0 2.2363-5.1172 7.0001 7.0001 0 0 0-2.2246-5.1115c-0.14675-0.13375-0.29586-0.18753-0.42773-0.18359zm-4.3476 0.29492-3 3h-2c-0.55401 0-1 0.44599-1 1v2c0 0.55401 0.44599 1 1 1h2l3 3zm2.0176 1.1836c-0.37584 0.016328-0.64502 0.51398-0.29102 0.89648a3.9999 3.9999 0 0 1 1.2734 2.9199 3.9999 3.9999 0 0 1-1.2773 2.9258c-0.47301 0.43 0.13969 1.1525 0.67968 0.73048a5 5 0 0 0 1.5977-3.6563 5 5 0 0 0-1.5898-3.6504c-0.13-0.1235-0.2673-0.17145-0.39258-0.16602z" opacity=".35"/>
|
||||
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx=".5" ry=".5"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m12.738 1.2891c-0.37566 0.026625-0.62445 0.49009-0.2832 0.87109a8 8 0 0 1 2.5449 5.8398 8 8 0 0 1-2.5547 5.8516c-0.446 0.471 0.18074 1.1485 0.67774 0.72852a9 9 0 0 0 2.877-6.5801 9 9 0 0 0-2.8613-6.5723c-0.13625-0.107-0.27517-0.14755-0.40039-0.13867zm-2.3906 1.416c-0.39562 0.011812-0.64211 0.53577-0.25586 0.91602a6 6 0 0 1 1.9082 4.3789 6 6 0 0 1-1.916 4.3887c-0.469 0.446 0.17269 1.1465 0.67969 0.72852a7 7 0 0 0 2.2363-5.1172 7 7 0 0 0-2.2246-5.1113c-0.14675-0.13375-0.29586-0.18753-0.42774-0.18359zm-4.3477 0.29492-3 3h-2c-0.554 0-1 0.446-1 1v2c0 0.554 0.446 1 1 1h2l3 3v-10zm2.0176 1.1836c-0.37584 0.016312-0.64502 0.51398-0.29102 0.89648a4 4 0 0 1 1.2734 2.9199 4 4 0 0 1-1.2773 2.9258c-0.473 0.43 0.13969 1.1525 0.67969 0.73047a5 5 0 0 0 1.5977-3.6562 5 5 0 0 0-1.5898-3.6504c-0.13-0.1235-0.2673-0.17145-0.39258-0.16602z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 969 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" opacity=".35"/>
|
||||
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 612 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 511 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h5.7617a4.5 4.5 0 0 1-0.49805-1h-5.2637c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1h10c0.554 0 1 0.446 1 1v3.2637a4.5 4.5 0 0 1 1 0.49609v-5.7598c0-1.108-0.892-2-2-2h-10z"/>
|
||||
<path d="m14.975 10.025c-1.3668-1.3668-3.5829-1.3668-4.9497 0-1.3668 1.3668-1.3668 3.5829 0 4.9497 1.3668 1.3668 3.5829 1.3668 4.9497 0 1.3668-1.3668 1.3668-3.5829 0-4.9497zm-1.0607 0.35355 0.70711 0.70711-1.4142 1.4142 1.4142 1.4142-0.70711 0.70711-1.4142-1.4142-1.4142 1.4142-0.70711-0.70711 1.4142-1.4142-1.4142-1.4142 0.70711-0.70711 1.4142 1.4142z" fill="#ff8080"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 731 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m4.8008 0s-0.43146-0.012793-0.87695 0.22852c-0.44549 0.24131-0.92383 0.89765-0.92383 1.6387v12.133a1.0001 1.0001 0 0 0 1.5449 0.83789l3.4551-2.2461 3.4551 2.2461a1.0001 1.0001 0 0 0 1.5449-0.83789v-12.133s0.01489-0.40654-0.19141-0.85352c-0.2063-0.44698-0.84826-1.0137-1.6094-1.0137h-6.3984zm0 1h6.3984c0.8 0 0.80078 0.86719 0.80078 0.86719v12.133l-4-2.5996-4 2.5996v-12.133c0-0.86667 0.80078-0.86719 0.80078-0.86719z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 557 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m6 1c-1.108 0-2 0.892-2 2v2h-2c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2h-2v-2c0-1.108-0.892-2-2-2h-4zm0 1h4c0.554 0 1 0.446 1 1v2h-6v-2c0-0.554 0.446-1 1-1zm-4 4h1v8h-1c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1zm2 0h1 6 1v8h-8v-8zm9 0h1c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-1v-8z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 490 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m7 3c-2.207 0-4 1.793-4 4s1.793 4 4 4c2.208 0 4-1.793 4-4s-1.792-4-4-4z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 212 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m0.5 1a0.5 0.5 0 0 0-0.5 0.5 0.5 0.5 0 0 0 0.5 0.5h1.6152l1.9023 7.1289a0.50005 0.50005 0 0 0 0.48242 0.37109h9a0.50005 0.50005 0 0 0 0.47461-0.3418l1.5-4.5a0.50005 0.50005 0 0 0-0.47461-0.6582h-11.316l-0.70117-2.6289a0.50005 0.50005 0 0 0-0.48242-0.37109h-2zm3.4512 4h10.355l-1.168 3.5h-8.2539l-0.93359-3.5zm0.54883 6c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h9c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-9zm1.75 1.5a1.25 1.25 0 0 0-1.25 1.25 1.25 1.25 0 0 0 1.25 1.25 1.25 1.25 0 0 0 1.25-1.25 1.25 1.25 0 0 0-1.25-1.25zm5.5 0a1.25 1.25 0 0 0-1.25 1.25 1.25 1.25 0 0 0 1.25 1.25 1.25 1.25 0 0 0 1.25-1.25 1.25 1.25 0 0 0-1.25-1.25zm-5.5 1a0.25 0.25 0 0 1 0.25 0.25 0.25 0.25 0 0 1-0.25 0.25 0.25 0.25 0 0 1-0.25-0.25 0.25 0.25 0 0 1 0.25-0.25zm5.5 0a0.25 0.25 0 0 1 0.25 0.25 0.25 0.25 0 0 1-0.25 0.25 0.25 0.25 0 0 1-0.25-0.25 0.25 0.25 0 0 1 0.25-0.25z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,8 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g>
|
||||
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v10c0 0.554-0.446 1-1 1h-10c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1z"/>
|
||||
<path d="m6 9c-0.554 0-1 0.446-1 1v1c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-1c0-0.554-0.446-1-1-1zm0 1h4v1h-4z"/>
|
||||
<path d="m5 7v1h5v2h1v-2c0-0.554-0.446-1-1-1z"/>
|
||||
<rect transform="rotate(-30)" x="2.1603" y="7.5981" width="5" height="1" rx="0" ry="0"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 615 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 607 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M3.5 1A2.506 2.506 0 0 0 1 3.5v9C1 13.876 2.124 15 3.5 15h9c1.376 0 2.5-1.124 2.5-2.5v-9C15 2.124 13.876 1 12.5 1zm0 1h9c.84 0 1.5.66 1.5 1.5v9c0 .84-.66 1.5-1.5 1.5h-9c-.84 0-1.5-.66-1.5-1.5v-9C2 2.66 2.66 2 3.5 2z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 359 B |
@@ -1,3 +0,0 @@
|
||||
<svg data-name="icon" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m2 1c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm7.5 0c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h3.791l-4.1445 4.1465c-0.19587 0.19587-0.19587 0.51116 0 0.70703s0.51116 0.19587 0.70703 0l4.1465-4.1445v3.791c0 0.277 0.223 0.5 0.5 0.5s0.5-0.223 0.5-0.5v-5c0-0.277-0.223-0.5-0.5-0.5h-5zm-7.5 1h4v4h-4v-4zm0 7c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm8 0c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm-8 1h4v4h-4v-4zm8 0h4v4h-4v-4z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 744 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7zm0 1c-0.277 0-0.5 0.223-0.5 0.5v0.92188c-1.2706 0.16126-2.4004 0.9536-2.4004 2.3789 0 1.3329 0.77308 2.0292 2.4004 2.2656v3.4141c-0.91099-0.10544-1.2653-0.55323-1.4492-1.3809-0.1-0.25-0.30078-0.34961-0.55078-0.34961h-0.19922c-0.25 0-0.45117 0.19922-0.45117 0.44922v0.20117c0.24465 1.2232 1.1139 2.0136 2.6504 2.1406v0.95898c0 0.277 0.223 0.5 0.5 0.5s0.5-0.223 0.5-0.5v-0.95703c1.4181-0.068444 2.6504-0.871 2.6504-2.543 0-1.6641-1.1031-2.2249-2.6504-2.5762v-3.0098c0.82889 0.12188 1.2081 0.56323 1.4004 1.2363 0.1 0.25 0.24922 0.34961 0.44922 0.34961h0.20117c0.15-0.1 0.34961-0.19922 0.34961-0.44922v-0.20117c-0.29241-1.0234-1.1092-1.7121-2.4004-1.9316v-0.91797c0-0.277-0.223-0.5-0.5-0.5zm-0.5 2.3555v2.9336c-1.2073-0.25207-1.5508-0.6996-1.5508-1.4883-1e-7 -0.78559 0.62862-1.3313 1.5508-1.4453zm1 4.1289c0.93622 0.16145 1.5529 0.49238 1.5996 1.5664 0 0.94045-0.5746 1.4389-1.5996 1.5781v-3.1445z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g transform="translate(-.20339 -.13559)">
|
||||
<path d="m9.6176 6.7214c-0.12118-0.12118-0.25154-0.22665-0.38947-0.31763l-0.73473 0.73473c0.14934 0.07242 0.2917 0.16462 0.41709 0.29001 0.59372 0.59372 0.59372 1.5276 0 2.1213l-2.1213 2.1213c-0.59372 0.59372-1.5276 0.59372-2.1213 0-0.59372-0.59372-0.59372-1.5276 0-2.1213l0.60491-0.60491c-0.13649-0.39092-0.21105-0.79819-0.20578-1.2084l-1.1062 1.1062c-0.97323 0.97323-0.97323 2.5623 0 3.5355 0.97323 0.97323 2.5623 0.97323 3.5355 0l2.1213-2.1213c0.97323-0.97323 0.97323-2.5623 0-3.5355z"/>
|
||||
<path d="m6.7892 9.5498c0.12118 0.12118 0.25154 0.22665 0.38948 0.31763l0.73473-0.73473c-0.14934-0.07241-0.29166-0.16466-0.41705-0.29006-0.59372-0.59372-0.59372-1.5276 0-2.1213l2.1213-2.1213c0.59372-0.59372 1.5276-0.59372 2.1213 0 0.59372 0.59372 0.59372 1.5276 0 2.1213l-0.60491 0.60491c0.13649 0.39092 0.21105 0.79819 0.20578 1.2084l1.1062-1.1062c0.97323-0.97323 0.97323-2.5623 0-3.5355-0.97323-0.97323-2.5623-0.97323-3.5355 0l-2.1213 2.1213c-0.97323 0.97323-0.97323 2.5623 0 3.5355z"/>
|
||||
</g>
|
||||
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m2 0c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-7zm0 1h7c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1z"/>
|
||||
<path d="m12 4v1h1c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-1h-1v1c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 499 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m13.418 3.01a1.99 1.99 0 0 0-0.55 0.65 7.27 7.27 0 0 1-0.206 0.375c-0.076 0.136-0.168 0.296-0.275 0.494a10.953 10.953 0 0 1-1.14 1.712c-4e-3 4e-3 -0.32 0.365-0.669 0.677-1.953-0.838-5.151-2.203-5.46-2.281-0.459-0.116-0.897 0.21-0.916 0.223l-0.202 0.152 0.216 0.13 4.708 2.858-4.708 2.857-0.216 0.13 0.202 0.152c0.019 0.014 0.457 0.338 0.917 0.223 0.305-0.076 3.506-1.443 5.459-2.282 0.35 0.315 0.664 0.675 0.667 0.678 6e-3 7e-3 0.579 0.678 1.142 1.714 0.107 0.197 0.199 0.359 0.277 0.494 0.085 0.152 0.154 0.271 0.205 0.373 0.099 0.195 0.305 0.473 0.549 0.652a1.627 1.627 0 0 0 2.27-0.349c0.204-0.28 0.312-0.61 0.312-0.956 0-0.512-0.245-1.002-0.657-1.31a1.568 1.568 0 0 0-0.57-0.268c-0.154-0.056-0.27-0.074-0.394-0.095-0.184-0.032-0.392-0.067-0.81-0.234-0.813-0.326-1.493-0.93-1.504-0.943-0.198-0.164-0.391-0.454-0.561-0.836 0.17-0.383 0.363-0.672 0.565-0.843 7e-3 -4e-3 0.685-0.608 1.5-0.935 0.418-0.168 0.626-0.204 0.81-0.234 0.123-0.02 0.24-0.041 0.378-0.09 0.207-0.05 0.41-0.145 0.59-0.275 0.41-0.308 0.653-0.796 0.653-1.308a1.6 1.6 0 0 0-0.312-0.956 1.625 1.625 0 0 0-2.27-0.35m1.066 0.617a0.705 0.705 0 0 1 0.595 0.691 0.706 0.706 0 0 1-0.287 0.568 0.693 0.693 0 0 1-0.522 0.127 0.69 0.69 0 0 1-0.457-0.279 0.702 0.702 0 0 1 0.671-1.107m-4.69 4.374m4.998 3.117a0.7 0.7 0 0 1-0.308 1.256 0.693 0.693 0 0 1-0.522-0.127 0.705 0.705 0 0 1-0.15-0.98 0.7 0.7 0 0 1 0.98-0.15"/>
|
||||
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-1h-1v1c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1h7c0.554 0 1 0.446 1 1v1h1v-1c0-1.108-0.892-2-2-2h-7z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1,6 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g transform="rotate(45 7.7071 8.7071)">
|
||||
<path d="m6 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5zm0 1a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4z"/>
|
||||
<rect x="10" y="7.5" width="7" height="1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 358 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 0c-1.1046 0-2 0.89543-2 2h-1-0.93945-0.060547v0.0058594c-1.113 0.032581-2 0.93345-2 2.0547v8.8789c0 1.142 0.91853 2.0605 2.0605 2.0605h7.8789c1.142 0 2.0605-0.91853 2.0605-2.0605v-8.8789c0-1.142-0.91853-2.0605-2.0605-2.0605h-0.93945-1c0-0.138-0.00525-0.27625-0.03125-0.40625-0.19615-0.93036-1.0179-1.5956-1.9688-1.5938zm-0.011719 1c0.0039062-2.289e-5 0.0078126-2.289e-5 0.011719 0 0.414 0 0.75425 0.266 0.90625 0.625 0.056891 0.11716 0.088816 0.24486 0.09375 0.375-6.1e-5 0.88813-1.0716 1.3352-1.7031 0.71094-0.63157-0.62426-0.19666-1.7005 0.69141-1.7109zm-3.9883 2h1 1v1s-1 0-1 1h6c0-0.75-0.56275-0.953-0.84375-1h-0.15625v-1h1 1c0.554 0 1 0.446 1 1v9c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-9c0-0.554 0.446-1 1-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 863 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path transform="matrix(-.46973 .46973 -.46973 -.46973 21.705 6.5082)" d="m6.8081 20.663c2.6543 2.6482 6.3446 3.8716 9.9604 3.4324a0.75267 0.75267 0 0 0 0.65696-0.83991 0.75267 0.75267 0 0 0-0.83991-0.65696c-3.1617 0.38403-6.3866-0.68021-8.7109-2.9979-2.1069-2.1192-3.2141-5.0329-3.0478-8.0165a0.75267 0.75267 0 0 0-0.71101-0.79417 0.75267 0.75267 0 0 0-0.79417 0.71101c-0.19 3.409 1.0771 6.7387 3.4844 9.16a0.75274 0.75274 0 0 0 0.002079 0.002079zm2.1684-2.1018c2.8534 2.693 7.4695 3.0316 10.522 0.33887 2.8395-2.5051 3.3354-7.0148 0.72764-9.9042-2.2328-2.474-6.2159-2.8926-8.7379-0.54677-2.1078 1.9605-2.4478 5.4209-0.35966 7.5737 1.6885 1.7408 4.6315 2.0041 6.4116 0.16632 1.3725-1.417 1.5583-3.8579-0.043659-5.2577-0.5738-0.50142-1.3132-0.76106-2.0644-0.74635-0.7512 0.0147-1.5447 0.34549-2.0436 1.0457-0.31848 0.44694-0.45717 0.98131-0.39501 1.5384s0.42442 1.1915 1.0748 1.4366c0.48444 0.18256 0.78262 0.095159 1.1601-0.099791 0.18872-0.09747 0.42044-0.25774 0.54053-0.58627 0.12009-0.32853 0.008268-0.73533-0.1684-0.97088-0.24939-0.33187-0.71962-0.39845-1.052-0.14969 0 0-0.008203-0.19035 0.066527-0.29521 0.20438-0.28681 0.48511-0.41081 0.84614-0.41787 0.36103-0.0071 0.76765 0.14109 1.0416 0.38045 0.88618 0.7744 0.77507 2.2296-0.043659 3.0748-1.1405 1.1774-3.12 1.0023-4.2515-0.16424-1.4606-1.5058-1.2155-4.0133 0.30353-5.4261 1.8706-1.7398 4.905-1.4232 6.5966 0.45114 2.017 2.2349 1.6244 5.7984-0.60706 7.7671-2.5989 2.2928-6.6866 1.829-8.9313-0.7609-2.5679-2.9628-2.0303-7.5838 0.91891-10.104 3.3265-2.8423 8.4754-2.2261 11.27 1.0831 3.1164 3.6901 2.4286 9.3652-1.2411 12.434-0.31945 0.26635-0.36224 0.74104-0.095633 1.0603 0.26635 0.31945 0.74104 0.36224 1.0603 0.095633 4.2979-3.5945 5.1007-10.214 1.4262-14.565-1.6611-1.9668-4.0132-3.1289-6.449-3.3763-2.4358-0.24736-4.9548 0.42167-6.9479 2.1247-3.5692 3.0498-4.2175 8.6094-1.079 12.231 0.17359 0.20028 0.35446 0.39011 0.54469 0.56964zm17.769-2.4553a0.75267 0.75267 0 0 0 0.26819 0.1185 0.75267 0.75267 0 0 0 0.90228-0.56964c0.91298-4.0285-0.30614-8.247-3.2245-11.17a0.75274 0.75274 0 0 0-0.002079-0.002079c-2.4214-2.4087-5.7519-3.6765-9.162-3.4864a0.75267 0.75267 0 0 0-0.71101 0.79417 0.75267 0.75267 0 0 0 0.79417 0.71101c2.9836-0.16629 5.8975 0.94101 8.0165 3.0478 2.5549 2.5592 3.6163 6.2465 2.817 9.7733a0.75267 0.75267 0 0 0 0.30145 0.78377z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m4 0c-1.108 0-2 0.892-2 2v1c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-9c0-1.108-0.892-2-2-2v-1c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v1h-10v-1c0-0.554 0.446-1 1-1zm-2 3h1 10 1c0.554 0 1 0.446 1 1v9c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-9c0-0.554 0.446-1 1-1zm3 3v1h6v-1h-6z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 458 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 3.4391e-7c-4.4183-2.687e-7 -8 3.5817-8 8-5.6569e-8 4.4183 3.5817 8 8 8 4.4183 0 8-3.5817 8-8 0-4.4183-3.5817-8-8-8zm-2e-7 1c3.866 0 7 3.134 7 7 1e-6 3.866-3.134 7-7 7-3.866 0-7-3.134-7-7 1e-8 -3.866 3.134-7 7-7zm3e-7 3c-0.277-4e-7 -0.5 0.223-0.5 0.5l2e-7 5.3163-1.7189-1.7189c-0.19587-0.19587-0.51116-0.19587-0.70703 0-0.19587 0.19587-0.19587 0.51116 0 0.70703l2.5724 2.5724c0.047009 0.04701 0.10324 0.08408 0.16602 0.10938 0.12034 0.04897 0.25466 0.04897 0.375 1e-6 0.062777-0.0253 0.119-0.06236 0.16602-0.10938l2.5724-2.5724c0.19587-0.19587 0.19587-0.51116 0-0.70703-0.19587-0.19587-0.51116-0.19587-0.70703 2e-7l-1.7189 1.7189v-5.3163c3e-7 -0.277-0.223-0.5-0.5-0.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 811 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z"/>
|
||||
<path d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 439 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-2-5.6289c-0.57985-0.0229-0.60474 0.076886-1.0391-0.35742-0.43381-0.43381-0.61297-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.383e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h6.002 2c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1zm-1 4h14v6c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-6z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 551 B |
@@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g>
|
||||
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
|
||||
<rect x="8" y="2" width="1" height="7" ry=".5"/>
|
||||
<rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 401 B |
@@ -1,8 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
|
||||
<rect transform="scale(-1)" x="-8.5" y="-4" width="1" height="4" rx=".5" ry=".5"/>
|
||||
<rect transform="scale(-1)" x="-8.5" y="-16" width="1" height="4" rx=".5" ry=".5"/>
|
||||
<rect transform="rotate(-90)" x="-8.5" y="12" width="1" height="4" rx=".5" ry=".5"/>
|
||||
<rect transform="rotate(-90)" x="-8.5" width="1" height="4" rx=".5" ry=".5"/>
|
||||
<path d="m7.9492 5a3 3 0 0 0-2.9492 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-0.050781 0zm0.0019531 1a2 2 0 0 1 0.048828 0 2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 1.9512-2z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 798 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m4.8418 1.8416c-0.12781 0-0.25558 0.04855-0.35352 0.14648-0.19587 0.19587-0.19587 0.51116 0 0.70703l5.3047 5.3047-5.3047 5.3047c-0.19587 0.19587-0.19587 0.51116 0 0.70703 0.19587 0.19587 0.51116 0.19587 0.70703 0l5.6582-5.6582c0.19587-0.19587 0.19587-0.51116 0-0.70703l-5.6582-5.6582c-0.097934-0.097934-0.22571-0.14648-0.35352-0.14648z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 476 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m10.159 1.8416c0.12781 0 0.25558 0.04855 0.35352 0.14648 0.19587 0.19587 0.19587 0.51116 0 0.70703l-5.3047 5.3047 5.3047 5.3047c0.19587 0.19587 0.19587 0.51116 0 0.70703-0.19587 0.19587-0.51116 0.19587-0.70703 0l-5.6582-5.6582c-0.19587-0.19587-0.19587-0.51116 0-0.70703l5.6582-5.6582c0.09793-0.097934 0.22571-0.14648 0.35352-0.14648z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 474 B |
@@ -1,6 +0,0 @@
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M14.817 7.507 8.852 1.542a1.918 1.918 0 0 0-2.703 0L.183 7.507A.618.618 0 0 0 1 8.436L1 14a2 2 0 0 0 2 2l9 0a2 2 0 0 0 2-2l0-5.564a.62.62 0 0 0 .375.139.626.626 0 0 0 .442-1.068zM8.75 14.75l-2.5 0 0-4 .5-.5 1.5 0 .5.5 0 4zm4-.581-.6.581-2.15 0L10 11a2 2 0 0 0-2-2L7 9a2 2 0 0 0-2 2l0 3.75-2.15 0-.6-.581-.001-6.96 4.783-4.783a.663.663 0 0 1 .936 0L12.75 7.21l0 6.959z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 740 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg">
|
||||
<path class="ColorScheme-Text" d="m11.932 8.8634c-0.01587-1.5875 1.3121-2.3812 1.3708-2.3812-0.74611-1.1112-1.9081-1.27-2.3217-1.27-0.98904-0.15875-1.9304 0.55561-2.432 0.55561-0.50005 0-1.2747-0.55561-2.0955-0.55561-1.0778 0-2.0717 0.63499-2.6272 1.5875-1.1184 1.9843-0.28495 4.8418 0.80564 6.4292 0.53418 0.71436 1.17 1.5875 2.0049 1.5875 0.80406 0 1.1081-0.55561 2.0804-0.55561 0.97235 0 1.2462 0.55561 2.0971 0.55561 0.86517 0 1.4137-0.79374 1.9431-1.5875 0.61196-0.87311 0.86438-1.7462 0.87946-1.8256-0.0192 0-1.6874-0.63499-1.7041-2.54zm-1.5994-4.683c0.44369-0.55561 0.74293-1.3493 0.66118-2.0637-0.63816 0-1.4128 0.39687-1.8709 0.95248-0.41036 0.47624-0.76992 1.27-0.67467 1.9843 0.71356 0.07938 1.4406-0.39687 1.8844-0.87311z" color="#ffffff" fill="#999999" stroke-width=".79374"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 904 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m12 15c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-8c-1.108 0-2 0.892-2 2v5.6797a4.3293 4.3293 0 0 1 1-0.2832v-5.3965c0-0.554 0.446-1 1-1h8c0.554 0 1 0.446 1 1v10c0 0.554-0.446 1-1 1h-4.2109a4.3293 4.3293 0 0 1-0.47461 1h4.6855z"/>
|
||||
<path d="m7 12.5a3.5 3.5 0 0 1-3.5 3.5 3.5 3.5 0 0 1-3.5-3.5 3.5 3.5 0 0 1 3.5-3.5 3.5 3.5 0 0 1 3.5 3.5zm-1.0859 0-2.5-2.5-0.70703 0.70703 1.293 1.293h-3v1h3l-1.293 1.293 0.70703 0.70703 2.5-2.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 571 B |
@@ -1,5 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
|
||||
<circle cx="8" cy="4.5" r=".5"/>
|
||||
<rect x="7.5" y="6" width="1" height="6" rx=".5" ry=".42857"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 361 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m4.5 3a4.5 4.5 0 0 0-4.5 4.5 4.5 4.5 0 0 0 4.5 4.5 4.5 4.5 0 0 0 4.4648-4h2.0352v3.5c0 0.277 0.223 0.5 0.5 0.5s0.5-0.223 0.5-0.5v-3.5h1v3.5c0 0.277 0.223 0.5 0.5 0.5s0.5-0.223 0.5-0.5v-3.5h1.5c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-6.5293a4.5 4.5 0 0 0-4.4707-4zm0 1a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5 3.5 3.5 0 0 1-3.5-3.5 3.5 3.5 0 0 1 3.5-3.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 503 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m2.5018 1c-0.27688 0-0.50176 0.22488-0.50176 0.50176v12.994c0 0.27688 0.22488 0.50176 0.50176 0.50176s0.49438-0.22488 0.49438-0.50176v-12.994c0-0.27688-0.2175-0.50176-0.49438-0.50176zm5.9916 1.0035c-0.27688 0-0.49438 0.22488-0.49438 0.50176v11.991c0 0.27688 0.2175 0.50176 0.49438 0.50176 0.27688 0 0.50176-0.22488 0.50176-0.50176v-11.991c0-0.27688-0.22488-0.50176-0.50176-0.50176zm-2.9958 0.99613c-0.27688 0-0.50176 0.22488-0.50176 0.50176v10.994c0 0.27688 0.22488 0.50176 0.50176 0.50176 0.27688 0 0.50176-0.22488 0.50176-0.50176v-10.994c0-0.27688-0.22488-0.50176-0.50176-0.50176zm5.9694 0.37632c-0.0332 0.00203-0.06987 0.0058-0.1033 0.014758-0.26744 0.071662-0.42584 0.34499-0.35418 0.61244l2.8482 10.625c0.07166 0.26744 0.34499 0.42584 0.61244 0.35418 0.26745-0.07166 0.42584-0.34499 0.35418-0.61244l-2.8482-10.625c-0.062704-0.23401-0.27673-0.38312-0.50914-0.36894z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m2 2c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2zm0 1h12c0.48888 0 0.87448 0.35406 0.96289 0.81641l-6.4238 5.1152c-0.30559 0.24335-0.77254 0.24335-1.0781 0l-6.4238-5.1152c0.088406-0.46235 0.47401-0.81641 0.96289-0.81641zm-1 2.0488 3.7051 2.9512-3.7051 2.9512v-5.9023zm14 0v5.9023l-3.7051-2.9512 3.7051-2.9512zm-9.502 3.584 1.1699 0.93164c0.73087 0.58201 1.9332 0.58201 2.6641 0l1.1699-0.93164 4.4609 3.5508c-0.08841 0.46235-0.47401 0.81641-0.96289 0.81641h-12c-0.48888 0-0.87448-0.35406-0.96289-0.81641l4.4609-3.5508z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 703 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">>
|
||||
<path d="m8 0c-1.662 0-3 1.338-3 3v6c0 1.662 1.338 3 3 3s3-1.338 3-3v-6c0-1.662-1.338-3-3-3zm0 1c1.108 0 2 0.892 2 2v6c0 1.108-0.892 2-2 2s-2-0.892-2-2v-6c0-1.108 0.892-2 2-2z"/>
|
||||
<path d="m3.5 7c-0.277 0-0.5 0.223-0.5 0.5v1.5c0 2.6008 1.967 4.7248 4.5 4.9746v1.0254h-2c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h5c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-2v-1.0254c2.533-0.24983 4.5-2.3738 4.5-4.9746v-1.5c0-0.277-0.223-0.5-0.5-0.5-0.277 0-0.5 0.223-0.5 0.5v1.5c0 2.216-1.784 4-4 4-2.216 0-4-1.784-4-4v-1.5c0-0.277-0.223-0.5-0.5-0.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 674 B |
@@ -1,3 +0,0 @@
|
||||
<svg fill="context-fill" fill-opacity="context-fill-opacity" data-name="icon" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m2 1c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm10 0c-0.277 0-0.5 0.223-0.5 0.5v2h-2c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h2v2c0 0.277 0.223 0.5 0.5 0.5s0.5-0.223 0.5-0.5v-2h2c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-2v-2c0-0.277-0.223-0.5-0.5-0.5zm-10 1h4v4h-4v-4zm0 7c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm8 0c-0.554 0-1 0.446-1 1v4c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-4c0-0.554-0.446-1-1-1h-4zm-8 1h4v4h-4v-4zm8 0h4v4h-4v-4z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 718 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 6.1 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m8 1a1 1 0 0 0-0.994 1.1 4.988 4.988 0 0 0-4.006 4.9v4.5l-2 2v0.5h14v-0.5l-2-2v-4.5a4.987 4.987 0 0 0-4.006-4.9 1 1 0 0 0-0.994-1.1zm0 2a4 4 0 0 1 4 4v4.922l1 1.078h-10l1-1.078v-4.922a4 4 0 0 1 4-4zm-1.73 12a2 2 0 0 0 1.73 1 2 2 0 0 0 1.729-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 384 B |
@@ -1,4 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h7.6777a4.5 4.5 0 0 1-0.91602-1h-6.7617c-0.554 0-1-0.446-1-1v-6h14v0.75977a4.5 4.5 0 0 1 1 0.91406v-3.6738c0-1.108-0.892-2-2-2h-7.6289c-0.57985-0.0229-0.6047 0.076884-1.0391-0.35742-0.43381-0.43381-0.613-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.414e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h8.002c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1z"/>
|
||||
<path d="m12.5 8a3.5 3.5 0 0 0-3.5 3.5 3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5 3.5 3.5 0 0 0-3.5-3.5zm0 1.0859 2.5 2.5-0.70703 0.70703-1.293-1.293v3h-1v-3l-1.293 1.293-0.70703-0.70703 2.5-2.5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 766 B |
@@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g>
|
||||
<rect x="2" y="4" width="12" height="1" ry=".5"/>
|
||||
<rect x="2" y="8" width="12" height="1" ry=".5"/>
|
||||
<rect x="2" y="12" width="12" height="1" ry=".5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 295 B |
@@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g>
|
||||
<circle cx="2" cy="8" r="1"/>
|
||||
<circle cx="8" cy="8" r="1"/>
|
||||
<circle cx="14" cy="8" r="1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 235 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m3.0005 5.0948e-5c-1.091 0-2.0005 0.90954-2.0005 2.0005v12.007c0 1.091 0.90954 1.9927 2.0005 1.9927h8.999c1.091 0 2.0005-0.90171 2.0005-1.9927v-7.4218l-6.5935-6.5855zm0.0038939 1.0002h3.9899v4.0009c0 1.1083 0.89222 2.0005 2.0005 2.0005h4.0009v7.0018c0 0.55414-0.44609 1.0002-1.0002 1.0002h-8.9911c-0.55414 0-1.0002-0.44609-1.0002-1.0002v-12.003c0-0.55414 0.44609-1.0002 1.0002-1.0002zm4.9902 1.0002 4.0009 4.0009h-3.0007c-0.55414 0-1.0002-0.44609-1.0002-1.0002z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 602 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M13 6l-5 5-5-5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 159 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M6 13l5-5-5-5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 158 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M10 13L5 8l5-5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 159 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M13 10L8 5l-5 5z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 160 B |
@@ -1,8 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<g>
|
||||
<path d="m1.5 4c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h2.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-2.5859zm5.4121 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h7.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-7.5879z"/>
|
||||
<path d="m1.5 11c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h7.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-7.5859zm10.412 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h2.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-2.5879z"/>
|
||||
<path d="m5.5 2a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"/>
|
||||
<path d="m10.5 9a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m3 2c-1.662 0-3 1.338-3 3v6c0 1.662 1.338 3 3 3h10c1.662 0 3-1.338 3-3v-6c0-1.662-1.338-3-3-3h-10zm0 1h10c1.108 0 2 0.892 2 2v6c0 1.108-0.892 2-2 2h-10c-1.108 0-2-0.892-2-2v-6c0-1.108 0.892-2 2-2z"/>
|
||||
<path d="m3 8c-1.662 0-3 1.338-3 3 0 1.662 1.338 3 3 3h10c1.662 0 3-1.338 3-3 0-1.662-1.338-3-3-3h-10zm0 1h10c1.108 0 2 0.892 2 2 0 1.108-0.892 2-2 2h-10c-1.108 0-2-0.892-2-2 0-1.108 0.892-2 2-2z"/>
|
||||
<rect x="3" y="10" width="1" height="2" rx=".5" ry=".5"/>
|
||||
<rect x="5" y="10" width="1" height="2" rx=".5" ry=".5"/>
|
||||
<rect x="7" y="10" width="1" height="2" rx=".5" ry=".5"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 714 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="m3 0c-1.662 0-3 1.338-3 3v8c0 1.662 1.338 3 3 3h6v-1h-6c-1.108 0-2-0.892-2-2v-8c0-1.108 0.892-2 2-2h8c1.108 0 2 0.892 2 2v6h1v-6c0-1.662-1.338-3-3-3h-8zm0.75781 3.0508-0.70703 0.70703 4.2422 4.2422h-1.293v1h2 1v-1-2h-1v1.293l-4.2422-4.2422zm8.2422 6.9492c-1.108 0-2 0.892-2 2v2c0 1.108 0.892 2 2 2h2c1.108 0 2-0.892 2-2v-2c0-1.108-0.892-2-2-2h-2zm0 1h2c0.554 0 1 0.446 1 1v2c0 0.554-0.446 1-1 1h-2c-0.554 0-1-0.446-1-1v-2c0-0.554 0.446-1 1-1z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 583 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user