shy-global-content.css (2275B)
1 /*== ShyFox Contents ================================================================================================================================ 2 3 Styles for some other things stylable in userContent.css 4 5 /* extensions popups rounding */ 6 @-moz-document url-prefix("moz-extension:"){ 7 body {border-radius: var(--big-rounding) !important;} 8 } 9 10 /* screenshots */ 11 12 #screenshots-component{ 13 button {border-radius: var(--rounding) !important;} 14 #buttons-container {border-radius: var(--big-rounding) !important;} 15 16 .screenshots-button { 17 --in-content-primary-button-background: var(--shy-color) !important; 18 --in-content-primary-button-background-hover: color-mix(in oklab, var(--in-content-primary-button-background), white 10%) !important; 19 --in-content-primary-button-background-active: color-mix(in oklab, var(--in-content-primary-button-background), white 20%) !important; 20 --in-content-focus-outline-color: var(--shy-color) !important; 21 } 22 } 23 24 /* simple translate icon */ 25 @media -moz-pref("shyfox.enable.ext.mono.context.icons") { 26 .simple-translate-button { 27 background-image: none !important; 28 &::before { 29 content: ""; 30 position: absolute; 31 32 background-color: var(--simple-translate-main-text); 33 mask-image: url("../../icons/translate.svg"); 34 mask-repeat: no-repeat; 35 mask-position: center; 36 37 width: inherit !important; 38 height: inherit !important; 39 } 40 } 41 } 42 43 /* simple translate */ 44 .simple-translate-panel{ 45 border-radius: var(--big-rounding) !important; 46 border: 1px solid color-mix(in srgb, var(--simple-translate-main-bg) 90%, var(--simple-translate-main-text)) !important; 47 } 48 49 .simple-translate-button{ 50 border-radius: 7px !important; 51 border: 1px solid color-mix(in srgb, var(--simple-translate-main-bg) 65%, var(--simple-translate-main-text)) !important; 52 } 53 54 /* Adaptive Tab Bar Color settings accent */ 55 @-moz-document url("moz-extension://d6e33c37-61b0-488f-9899-bf896d64db63/options.html"){ 56 * { 57 --color-link: var(--shy-color) !important; 58 --color-accent: var(--shy-color) !important; 59 --color-link-hover: color-mix(in srgb, var(--shy-color) 60%, var(--color)) !important; 60 --color-link-active: color-mix(in srgb, var(--shy-color) 30%, var(--color)) !important; 61 } 62 }