shy-compat.css (3972B)
1 /* Firefox 140+ and Floorp 12 use both legacy and newer theme tokens. Keep 2 personal palettes effective across either spelling. */ 3 :root { 4 background-color: var(--bg-col) !important; 5 --toolbar-field-text-color: var(--toolbar-field-color, var(--bt-col)) !important; 6 --toolbar-field-text-color-focus: var(--toolbar-field-focus-color, var(--bt-col)) !important; 7 --toolbar-field-border-color-focus: var(--toolbar-field-focus-border-color, var(--shy-color)) !important; 8 --urlbar-background-color: var(--toolbar-field-background-color, var(--tb-col)) !important; 9 --urlbar-background-color-focus: var(--toolbar-field-focus-background-color, var(--tb-col)) !important; 10 --urlbar-box-background-color: var(--urlbar-box-bgcolor, var(--pp-col)) !important; 11 } 12 13 /* userChrome.css is a user-origin sheet, so a normal declaration loses to the browser's own 14 author-origin rule for the same element. shy-global.css paints #browser with --bg-col but 15 without !important, which Floorp 12 and Firefox 155 both outrank -- the window's own white 16 backdrop then shows through wherever no panel covers it, most visibly in the corner above the 17 sidebar. The chrome document's body is white for the same reason. */ 18 #browser, 19 #appcontent .browserStack, 20 .browserContainer, 21 body { 22 background-color: var(--bg-col) !important; 23 } 24 25 /* currentColor is now the default icon-fill token; it is not a usable source 26 for text color when the toolbar and window have different color schemes. */ 27 #main-window #navigator-toolbox { 28 color: var(--bt-col) !important; 29 } 30 31 /* Firefox 155 replaced the background ID with a class. */ 32 #urlbar :is(#urlbar-background, .urlbar-background) { 33 border-radius: var(--rounding); 34 } 35 36 /* An empty bookmarks toolbar is not a useful floating panel. */ 37 #personal-toolbar-empty { 38 display: none !important; 39 } 40 41 /* Keep the field usable when toolbar buttons overflow in narrow windows. */ 42 #urlbar-container { 43 min-width: min(180px, 35vw) !important; 44 } 45 46 /* Gecko 157 replaced the identity box's icon with #trust-icon-container, which carries a text 47 label ("Not Secure") and tracker counts beside the icon. ShyFox never budgeted for that text: 48 in a narrow window it took ~80px of a ~200px field and left the input a few pixels wide. Below 49 ShyFox's own narrow-window breakpoint the indicator keeps its icon -- the security state still 50 reads from the icon, its colour and its tooltip -- and the text goes. */ 51 @media (max-width: 1000px) { 52 #urlbar #trust-icon-container :is(#trust-label, 53 #trust-icon-tracker-count-longform-wrapper, 54 #trust-icon-tracker-count-shortform-wrapper) { 55 display: none !important; 56 } 57 58 /* Page actions (bookmark star, Floorp's QR code, reader view …) describe the page you are 59 leaving once the field has focus, and in a narrow window they cost the input half its width. 60 They step aside while you type and come back on blur. */ 61 #urlbar:is([focused], :focus-within) #page-action-buttons, 62 /* The go arrow appears once you type and does exactly what Enter does. */ 63 #urlbar :is(#urlbar-go-button, .urlbar-go-button) { 64 display: none !important; 65 } 66 } 67 68 /* Native vertical tabs use a separate container in the revamped sidebar. */ 69 @media -moz-pref("sidebar.verticalTabs") { 70 #main-window { 71 --left-margin: var(--margin) !important; 72 } 73 #vertical-tabs #tabbrowser-tabs { 74 display: flex !important; 75 } 76 } 77 78 @media (prefers-reduced-motion: reduce) { 79 :root { 80 --trans-dur: 0s; 81 --transition: none; 82 } 83 #urlbar, #urlbar *, #navigator-toolbox, #sidebar-box, #tabbrowser-tabbox { 84 animation: none !important; 85 transition: none !important; 86 } 87 } 88 89 @media (forced-colors: active) { 90 :root { 91 --bg-col: Canvas !important; 92 --tb-col: Canvas !important; 93 --bt-col: CanvasText !important; 94 --pp-col: Canvas !important; 95 --shy-color: Highlight !important; 96 --shy-accent-color: Highlight !important; 97 } 98 }