Untitled
unknown
css
2 years ago
9.0 kB
7
Indexable
/* Reduce Tab height a bit */
:root {--tab-min-height: 28px !important;}
/* Make the tab close button circular */
.tab-close-button {
width: 18px !important;
height: 18px !important;
padding: 4px !important;
margin: -2px !important;
border-radius: 50% !important;
}
/* Adds correct color to the close tab button */
.tab-close-button:hover[selected] {
color: var(--toolbar-color) !important;
background-color: var(--toolbarbutton-hover-background) !important;
}
/* Adds correct inactive color to the close tab button */
.tab-close-button:hover:not([selected]) {
color: var(--toolbar-color) !important;
background-color: color-mix(in srgb, currentColor 18%, transparent) !important;
}
/* Disables the Add Engine from the right click context menu on the URL bar */
.menuitem-iconic.context-menu-add-engine,
.menuseparator-add-engine {
display: none !important;
}
/* Adds color to hovering over inactive tabs */
.tabbrowser-tab:hover:not([visuallyselected],[multiselected]) .tab-background
{
background-color: color-mix(in srgb, var(--toolbarbutton-hover-background) 20%, transparent) !important;
}
/* Adds 1px of padding underneath bookmark toolbar items and 2px around the hover button */
toolbarbutton.bookmark-item:not(.subviewbutton) {
padding-block: 2px !important;
margin: 0 0 3px !important;
}
/* Increases padding between bookmark toolbar items */
#PlacesToolbarItems > .bookmark-item {
margin-inline: 2px !important;
}
/*.tabbrowser-tab:hover:not([visuallyselected],[multiselected]) .tab-content
{
color: var(--toolbar-color) !important;
}
.tabbrowser-tab:hover[selected] .tab-background
{
background: var(--toolbar-bgcolor) !important;
}
*/
/* Creates inactive tab separators like Chrome */
.tabbrowser-tab {
border-inline-end: 1px solid transparent !important;
border-image: 0 1 linear-gradient(
transparent 25%,
color-mix(in srgb, currentColor 45%, transparent) 25%,
color-mix(in srgb, currentColor 45%, transparent) 75%,
transparent 75%
);
}
.tabbrowser-tab:hover,
.tabbrowser-tab[beforehovered],
.tabbrowser-tab[selected],
.tabbrowser-tab[last-visible-tab],
.tabbrowser-tab[beforeselected-visible] {
border-image: none !important;
}
/* Hide Search with Google or enter address in url bar */
#urlbar-input::placeholder {
opacity: 0 !important;
}
/* Hide All Tabs Button at top in tab bar */
#alltabs-button {
display: none !important;
}
/* Disable all context menus about sending things to other devices */
#context-sendpagetodevice, #context-sep-sendpagetodevice,
#context-sendlinktodevice, #context-sep-sendlinktodevice,
#context_sendTabToDevice, #context_sendTabToDevice_separator {
display: none !important;
}
/* Make Selected Tab Font Color White
.tabbrowser-tab[selected] .tab-content {
color: #FFFFFF;
}
*/
/* Make unselected tabs a little less bright
.tabbrowser-tab:not([selected]) .tab-content {
color: #919fc2;
}
*/
/* Make background tabs not as vibrant as selected tab
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
background-color: color-mix(in srgb, currentColor 4%, transparent);
}*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/proton_dark_light_notifications.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes web notifications use dark/light theme based on your selected theme, and makes them fit a bit better to rounded proton style. */
@-moz-document url("chrome://global/content/alerts/alert.xhtml") {
/* Color scheme definitions
* Intentionally let Firefox override these on Windows10
*/
:root{
--menu-border-color: #67679b;
--menu-color: #e4e9ff;
--menu-background-color: #1f2335;
--menuitem-hover-background-color: #ff0000;
--notify-bgcolor: var(--toolbar-bgcolor);
}
@media (-moz-toolbar-prefers-color-scheme:dark) {
:root {
--menu-border-color: #5b5b66;
--menu-color: #fbfbfe;
--menu-background-color: #2b2a33;
--menuitem-hover-background-color: #52525e;
}
#alertSourceLabel { color: rgb(5,209,241) !important; }
}
/* The line below removes background "layer" from the notification on linux, Windows and macOS don't have that layer in the first place
:root{ background: transparent !important; }*/
/* Make Firefox actually use the colors set above */
#alertBox {
color: var(--toolbar-color) !important;
/* background: linear-gradient(45deg, #161929, #2f354e); */
background-color: #293649 !important;
border-color: var(--menu-border-color) !important;
border-radius: 6px !important;
font-size: 14px !important;
font-family: "Segoe UI" !important;
-moz-window-shadow: cliprounded !important;
animation-name: slide !important;
animation-duration: 180ms !important;
animation-timing-function: ease-in-out !important;
}
@keyframes slide {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
}
#alertSettings {
fill: currentColor !important;
color: inherit !important;
border-radius: 0 !important;
margin-inline: 0 !important;
margin-bottom: -4px !important;
}
.close-icon,
#alertSettings {
background: transparent !important
}
.close-icon:hover > .toolbarbutton-icon,
#alertSettings:is(:hover,[open]) > .button-box > .box-inherit {
background-color: color-mix(in srgb, currentColor 25%, transparent) !important;
}
/* Reshape and move the buttons a bit */
.close-icon > .toolbarbutton-icon,
#alertSettings > .button-box > .box-inherit {
border-radius: 4px !important;
padding: 2px !important;
margin: 2px 2px -2px 0 !important;
}
#alertSettings > .button-box > .box-inherit {
margin: -4px 4px 3px 0 !important;
}
#alertSettings > .button-box > .box-inherit > .button-icon {
padding: 1px;
}
/*** Firefox Color Hack-on: Color all context menus and popups ***/
menupopup {
--panel-color: var(--toolbar-color) !important;
--panel-background: var(--toolbar-bgcolor) !important;
--panel-border-color: var(--toolbar-field-border-color) !important;
border-radius: var(--panel-border-radius) !important;
}
menupopup,
.menupopup-arrowscrollbox{ border-radius: var(--panel-border-radius) !important; }
menu[disabled="true"], menuitem[disabled="true"], menu[_moz-menuactive="true"][disabled="true"], menuitem[_moz-menuactive="true"][disabled="true"] {
color: color-mix(in srgb, var(--toolbar-color) 50%, transparent) !important;
text-shadow: none;
}
menupopup menuseparator {
-moz-appearance: none !important;
border-color: color-mix(in srgb, currentColor 10%, transparent) !important;
}
menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"], menuitem[_moz-menuactive="false"] {
-moz-appearance: none !important;
background-color: var(--panel-item-hover-bgcolor) !important;
/*background-image: linear-gradient(to right, #990EA8, #1352BC) !important;*/
}
menupopup > menuitem, menupopup > menu {
border-radius: 3px !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
/* context menu top left button padding */
menugroup > menuitem:first-child {
border-radius: 3px !important;
padding-left: 8px !important;
}
/* context menu top right button padding */
menugroup > menuitem:last-child {
border-radius: 3px !important;
padding-right: 8px !important;
}
/* context menu top buttons radius*/
menugroup > menuitem {
border-radius: 3px !important;
}
menugroup > menuitem > hbox > image {
border-radius: 3px !important;
}
/* for menu item with submenu */
.panel-header > .subviewbutton {
border-radius: 3px !important;
}
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 3px !important;
}
/*
:root {
--arrowpanel-menuitem-padding: 3px 8px !important;
}
*/
menupopup[needsgutter] menu:not([icon], .menu-iconic), menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) {
padding-inline-start: var(--arrowpanel-padding) !important;
}
/* Disable navigation buttons on right click of page */
#context-back image,
#context-forward image,
#context-reload image,
#context-stop image,
#context-bookmarkpage image,
#context-navigation,
#context-sep-navigation {
display:none !important;
}Editor is loading...