messagepreview.css (971B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 html { 6 position: fixed; 7 } 8 9 html, 10 body { 11 height: 100%; 12 width: 100%; 13 } 14 15 body { 16 background: url(chrome://browser/content/messagepreview/limelight.svg) center/contain no-repeat; 17 -moz-context-properties: fill, fill-opacity; 18 fill: var(--icon-color); 19 fill-opacity: 0.2; 20 } 21 22 #light-switch { 23 background: url(chrome://browser/content/messagepreview/switch.svg) center/contain no-repeat; 24 fill: var(--icon-color); 25 stroke: var(--icon-color); 26 fill-opacity: 0.8; 27 height: 80px; 28 width: 80px; 29 cursor: pointer; 30 } 31 32 @media (prefers-color-scheme: dark) { 33 #light-switch { 34 transform: scaleY(-1); 35 } 36 } 37 38 .hint-box { 39 display: flex; 40 align-items: center; 41 justify-content: center; 42 } 43 44 .hint { 45 max-width: 40em; 46 font-size: 1.2em; 47 text-align: center; 48 }