30 lines
1.2 KiB
CSS
30 lines
1.2 KiB
CSS
|
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/round_caption_buttons.css made available under Mozilla Public License v. 2.0
|
||
|
|
See the above repository for updates as well as full license text. */
|
||
|
|
|
||
|
|
/* Make window-control - aka caption buttons round following theme text color. */
|
||
|
|
|
||
|
|
/* Uncomment the following line to use colorful icons ala MacOS */
|
||
|
|
/* .titlebar-button{ --uc-caption-background: var(--uc-caption-color) } */
|
||
|
|
|
||
|
|
.titlebar-button { opacity: 0.6; --uc-caption-color: rgb(252,185,15) }
|
||
|
|
.titlebar-min { opacity: 0.5; --uc-caption-color: rgb(36, 209, 49) }
|
||
|
|
.titlebar-close { opacity: 0.7; --uc-caption-color: rgb(250, 55, 55) }
|
||
|
|
|
||
|
|
.titlebar-button:hover { opacity: 1 }
|
||
|
|
|
||
|
|
.titlebar-button {
|
||
|
|
background: transparent !important;
|
||
|
|
padding-inline: 10px !important;
|
||
|
|
transition: opacity 0.2s ease;
|
||
|
|
}
|
||
|
|
.titlebar-close { padding-right: 18px !important; }
|
||
|
|
|
||
|
|
.titlebar-button > .toolbarbutton-icon {
|
||
|
|
list-style-image: none;
|
||
|
|
border-radius: 10px;
|
||
|
|
background: var(--uc-caption-background,currentColor) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* OPTIONAL - move caption buttons in tabs toolbar a bit upwards */
|
||
|
|
/* #TabsToolbar > .titlebar-buttonbox-container{ margin-bottom: var(--toolbarbutton-inner-padding) !important; } */
|