diff --git a/test/annotation_layer_builder_overrides.css b/test/annotation_layer_builder_overrides.css index 617034b212b73..4ed6e9c6a719a 100644 --- a/test/annotation_layer_builder_overrides.css +++ b/test/annotation_layer_builder_overrides.css @@ -37,8 +37,8 @@ .fileAttachmentAnnotation:not(.hasFillAlpha) .popupTriggerArea { opacity: 0.2; - background: rgb(255 255 0 / 1); - box-shadow: 0 2px 10px rgb(255 255 0 / 1); + background: rgb(255 255 0); + box-shadow: 0 2px 10px rgb(255 255 0); } .annotationLayer .fileAttachmentAnnotation.hasFillAlpha { outline: 2px solid yellow; diff --git a/test/xfa_layer_builder_overrides.css b/test/xfa_layer_builder_overrides.css index 0d2414a62927b..f6b62744b8dcf 100644 --- a/test/xfa_layer_builder_overrides.css +++ b/test/xfa_layer_builder_overrides.css @@ -15,6 +15,6 @@ .xfaLink { opacity: 0.2; - background: rgb(255 255 0 / 1); - box-shadow: 0 2px 10px rgb(255 255 0 / 1); + background: rgb(255 255 0); + box-shadow: 0 2px 10px rgb(255 255 0); } diff --git a/web/annotation_layer_builder.css b/web/annotation_layer_builder.css index 56be61fdae84e..e53db8b37be16 100644 --- a/web/annotation_layer_builder.css +++ b/web/annotation_layer_builder.css @@ -123,8 +123,8 @@ :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; - background-color: rgb(255 255 0 / 1); - box-shadow: 0 2px 10px rgb(255 255 0 / 1); + background-color: rgb(255 255 0); + box-shadow: 0 2px 10px rgb(255 255 0); } .annotationLayer .linkAnnotation.hasBorder:hover { @@ -291,9 +291,9 @@ } .annotationLayer .popup { - background-color: rgb(255 255 153 / 1); + background-color: rgb(255 255 153); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) - rgb(136 136 136 / 1); + rgb(136 136 136); border-radius: calc(2px * var(--scale-factor)); outline: 1.5px solid rgb(255 255 74); padding: calc(6px * var(--scale-factor)); @@ -327,7 +327,7 @@ } .annotationLayer .popupContent { - border-top: 1px solid rgb(51 51 51 / 1); + border-top: 1px solid rgb(51 51 51); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } diff --git a/web/debugger.css b/web/debugger.css index 911f99e5e0b37..ba24ad6a06b16 100644 --- a/web/debugger.css +++ b/web/debugger.css @@ -22,8 +22,8 @@ font: message-box; } #PDFBug { - background-color: rgb(255 255 255 / 1); - border: 1px solid rgb(102 102 102 / 1); + background-color: rgb(255 255 255); + border: 1px solid rgb(102 102 102); position: fixed; top: 32px; right: 0; @@ -33,8 +33,8 @@ width: var(--panel-width); } #PDFBug .controls { - background: rgb(238 238 238 / 1); - border-bottom: 1px solid rgb(102 102 102 / 1); + background: rgb(238 238 238); + border-bottom: 1px solid rgb(102 102 102); padding: 3px; } #PDFBug .panels { @@ -50,7 +50,7 @@ } .debuggerShowText, .debuggerHideText:hover { - background-color: rgb(255 255 0 / 1); + background-color: rgb(255 255 0); } #PDFBug .stats { font-family: courier; @@ -82,7 +82,7 @@ } #viewer.textLayer-visible .canvasWrapper { - background-color: rgb(128 255 128 / 1); + background-color: rgb(128 255 128); } #viewer.textLayer-visible .canvasWrapper canvas { @@ -91,7 +91,7 @@ #viewer.textLayer-visible .textLayer span { background-color: rgb(255 255 0 / 0.1); - color: rgb(0 0 0 / 1); + color: rgb(0 0 0); border: solid 1px rgb(255 0 0 / 0.5); box-sizing: border-box; } @@ -101,11 +101,11 @@ } #viewer.textLayer-hover .textLayer span:hover { - background-color: rgb(255 255 255 / 1); - color: rgb(0 0 0 / 1); + background-color: rgb(255 255 255); + color: rgb(0 0 0); } #viewer.textLayer-shadow .textLayer span { background-color: rgb(255 255 255 / 0.6); - color: rgb(0 0 0 / 1); + color: rgb(0 0 0); } diff --git a/web/pdf_viewer.css b/web/pdf_viewer.css index 19fc1e3d3cba1..0aa7cb5cb402e 100644 --- a/web/pdf_viewer.css +++ b/web/pdf_viewer.css @@ -79,7 +79,7 @@ overflow: visible; border: var(--page-border); background-clip: content-box; - background-color: rgb(255 255 255 / 1); + background-color: rgb(255 255 255); } .pdfViewer .dummyPage { diff --git a/web/text_layer_builder.css b/web/text_layer_builder.css index c9e3bdeaa9190..992c888b16291 100644 --- a/web/text_layer_builder.css +++ b/web/text_layer_builder.css @@ -14,8 +14,8 @@ */ :root { - --highlight-bg-color: rgb(180 0 170 / 1); - --highlight-selected-bg-color: rgb(0 100 0 / 1); + --highlight-bg-color: rgb(180 0 170); + --highlight-selected-bg-color: rgb(0 100 0); } @media screen and (forced-colors: active) { diff --git a/web/viewer-geckoview.css b/web/viewer-geckoview.css index 07f33431199b1..28312795ef48c 100644 --- a/web/viewer-geckoview.css +++ b/web/viewer-geckoview.css @@ -22,14 +22,14 @@ --toolbar-icon-opacity: 1; --doorhanger-icon-opacity: 0.9; - --main-color: rgb(12 12 13 / 1); - --body-bg-color: rgb(212 212 215 / 1); + --main-color: rgb(12 12 13); + --body-bg-color: rgb(212 212 215); --scrollbar-color: auto; --scrollbar-bg-color: auto; - --field-color: rgb(6 6 6 / 1); - --field-bg-color: rgb(255 255 255 / 1); - --field-border-color: rgb(187 187 188 / 1); - --doorhanger-bg-color: rgb(255 255 255 / 1); + --field-color: rgb(6 6 6); + --field-bg-color: rgb(255 255 255); + --field-border-color: rgb(187 187 188); + --doorhanger-bg-color: rgb(255 255 255); --dialog-button-border: none; --dialog-button-bg-color: rgb(12 12 13 / 0.1); --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3); @@ -48,16 +48,16 @@ @media (prefers-color-scheme: dark) { :root { - --main-color: rgb(249 249 250 / 1); - --body-bg-color: rgb(42 42 46 / 1); - --scrollbar-color: rgb(121 121 123 / 1); - --scrollbar-bg-color: rgb(35 35 39 / 1); - --field-color: rgb(250 250 250 / 1); - --field-bg-color: rgb(64 64 68 / 1); - --field-border-color: rgb(115 115 115 / 1); - --doorhanger-bg-color: rgb(74 74 79 / 1); - --dialog-button-bg-color: rgb(92 92 97 / 1); - --dialog-button-hover-bg-color: rgb(115 115 115 / 1); + --main-color: rgb(249 249 250); + --body-bg-color: rgb(42 42 46); + --scrollbar-color: rgb(121 121 123); + --scrollbar-bg-color: rgb(35 35 39); + --field-color: rgb(250 250 250); + --field-bg-color: rgb(64 64 68); + --field-border-color: rgb(115 115 115); + --doorhanger-bg-color: rgb(74 74 79); + --dialog-button-bg-color: rgb(92 92 97); + --dialog-button-hover-bg-color: rgb(115 115 115); --toolbar-bg-color: #2b2a33; --toolbar-divider-color: #5b5b66; @@ -288,7 +288,7 @@ dialog .buttonRow { } dialog :link { - color: rgb(255 255 255 / 1); + color: rgb(255 255 255); } #passwordDialog { diff --git a/web/viewer.css b/web/viewer.css index 7fb9d56102c29..ffb68dc0763d3 100644 --- a/web/viewer.css +++ b/web/viewer.css @@ -29,37 +29,37 @@ --toolbar-icon-opacity: 0.7; --doorhanger-icon-opacity: 0.9; - --main-color: rgb(12 12 13 / 1); - --body-bg-color: rgb(212 212 215 / 1); - --progressBar-color: rgb(10 132 255 / 1); - --progressBar-bg-color: rgb(221 221 222 / 1); - --progressBar-blend-color: rgb(116 177 239 / 1); + --main-color: rgb(12 12 13); + --body-bg-color: rgb(212 212 215); + --progressBar-color: rgb(10 132 255); + --progressBar-bg-color: rgb(221 221 222); + --progressBar-blend-color: rgb(116 177 239); --scrollbar-color: auto; --scrollbar-bg-color: auto; - --toolbar-icon-bg-color: rgb(0 0 0 / 1); - --toolbar-icon-hover-bg-color: rgb(0 0 0 / 1); + --toolbar-icon-bg-color: rgb(0 0 0); + --toolbar-icon-hover-bg-color: rgb(0 0 0); --sidebar-narrow-bg-color: rgb(212 212 215 / 0.9); - --sidebar-toolbar-bg-color: rgb(245 246 247 / 1); - --toolbar-bg-color: rgb(249 249 250 / 1); - --toolbar-border-color: rgb(184 184 184 / 1); + --sidebar-toolbar-bg-color: rgb(245 246 247); + --toolbar-bg-color: rgb(249 249 250); + --toolbar-border-color: rgb(184 184 184); --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color); --toolbar-border-bottom: none; --toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1); --toolbarSidebar-border-bottom: none; - --button-hover-color: rgb(221 222 223 / 1); - --toggled-btn-color: rgb(0 0 0 / 1); + --button-hover-color: rgb(221 222 223); + --toggled-btn-color: rgb(0 0 0); --toggled-btn-bg-color: rgb(0 0 0 / 0.3); --toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); --toggled-hover-btn-outline: none; - --dropdown-btn-bg-color: rgb(215 215 219 / 1); + --dropdown-btn-bg-color: rgb(215 215 219); --dropdown-btn-border: none; --separator-color: rgb(0 0 0 / 0.3); - --field-color: rgb(6 6 6 / 1); - --field-bg-color: rgb(255 255 255 / 1); - --field-border-color: rgb(187 187 188 / 1); + --field-color: rgb(6 6 6); + --field-bg-color: rgb(255 255 255); + --field-border-color: rgb(187 187 188); --treeitem-color: rgb(0 0 0 / 0.8); --treeitem-bg-color: rgb(0 0 0 / 0.15); --treeitem-hover-color: rgb(0 0 0 / 0.9); @@ -67,11 +67,11 @@ --treeitem-selected-bg-color: rgb(0 0 0 / 0.25); --thumbnail-hover-color: rgb(0 0 0 / 0.1); --thumbnail-selected-color: rgb(0 0 0 / 0.2); - --doorhanger-bg-color: rgb(255 255 255 / 1); + --doorhanger-bg-color: rgb(255 255 255); --doorhanger-border-color: rgb(12 12 13 / 0.2); - --doorhanger-hover-color: rgb(12 12 13 / 1); - --doorhanger-hover-bg-color: rgb(237 237 237 / 1); - --doorhanger-separator-color: rgb(222 222 222 / 1); + --doorhanger-hover-color: rgb(12 12 13); + --doorhanger-hover-bg-color: rgb(237 237 237); + --doorhanger-separator-color: rgb(222 222 222); --dialog-button-border: none; --dialog-button-bg-color: rgb(12 12 13 / 0.1); --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3); @@ -131,29 +131,29 @@ @media (prefers-color-scheme: dark) { :root { - --main-color: rgb(249 249 250 / 1); - --body-bg-color: rgb(42 42 46 / 1); - --progressBar-color: rgb(0 96 223 / 1); - --progressBar-bg-color: rgb(40 40 43 / 1); - --progressBar-blend-color: rgb(20 68 133 / 1); - --scrollbar-color: rgb(121 121 123 / 1); - --scrollbar-bg-color: rgb(35 35 39 / 1); - --toolbar-icon-bg-color: rgb(255 255 255 / 1); - --toolbar-icon-hover-bg-color: rgb(255 255 255 / 1); + --main-color: rgb(249 249 250); + --body-bg-color: rgb(42 42 46); + --progressBar-color: rgb(0 96 223); + --progressBar-bg-color: rgb(40 40 43); + --progressBar-blend-color: rgb(20 68 133); + --scrollbar-color: rgb(121 121 123); + --scrollbar-bg-color: rgb(35 35 39); + --toolbar-icon-bg-color: rgb(255 255 255); + --toolbar-icon-hover-bg-color: rgb(255 255 255); --sidebar-narrow-bg-color: rgb(42 42 46 / 0.9); - --sidebar-toolbar-bg-color: rgb(50 50 52 / 1); - --toolbar-bg-color: rgb(56 56 61 / 1); - --toolbar-border-color: rgb(12 12 13 / 1); - --button-hover-color: rgb(102 102 103 / 1); - --toggled-btn-color: rgb(255 255 255 / 1); + --sidebar-toolbar-bg-color: rgb(50 50 52); + --toolbar-bg-color: rgb(56 56 61); + --toolbar-border-color: rgb(12 12 13); + --button-hover-color: rgb(102 102 103); + --toggled-btn-color: rgb(255 255 255); --toggled-btn-bg-color: rgb(0 0 0 / 0.3); --toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); - --dropdown-btn-bg-color: rgb(74 74 79 / 1); + --dropdown-btn-bg-color: rgb(74 74 79); --separator-color: rgb(0 0 0 / 0.3); - --field-color: rgb(250 250 250 / 1); - --field-bg-color: rgb(64 64 68 / 1); - --field-border-color: rgb(115 115 115 / 1); + --field-color: rgb(250 250 250); + --field-bg-color: rgb(64 64 68); + --field-border-color: rgb(115 115 115); --treeitem-color: rgb(255 255 255 / 0.8); --treeitem-bg-color: rgb(255 255 255 / 0.15); --treeitem-hover-color: rgb(255 255 255 / 0.9); @@ -161,13 +161,13 @@ --treeitem-selected-bg-color: rgb(255 255 255 / 0.25); --thumbnail-hover-color: rgb(255 255 255 / 0.1); --thumbnail-selected-color: rgb(255 255 255 / 0.2); - --doorhanger-bg-color: rgb(74 74 79 / 1); - --doorhanger-border-color: rgb(39 39 43 / 1); - --doorhanger-hover-color: rgb(249 249 250 / 1); - --doorhanger-hover-bg-color: rgb(93 94 98 / 1); - --doorhanger-separator-color: rgb(92 92 97 / 1); - --dialog-button-bg-color: rgb(92 92 97 / 1); - --dialog-button-hover-bg-color: rgb(115 115 115 / 1); + --doorhanger-bg-color: rgb(74 74 79); + --doorhanger-border-color: rgb(39 39 43); + --doorhanger-hover-color: rgb(249 249 250); + --doorhanger-hover-bg-color: rgb(93 94 98); + --doorhanger-separator-color: rgb(92 92 97); + --dialog-button-bg-color: rgb(92 92 97); + --dialog-button-hover-bg-color: rgb(115 115 115); /* This image is used in elements, which unfortunately means that * the `mask-image` approach used with all of the other images doesn't work @@ -235,7 +235,7 @@ body { #viewerContainer.pdfPresentationMode:fullscreen { top: 0; - background-color: rgb(0 0 0 / 1); + background-color: rgb(0 0 0); width: 100%; height: 100%; overflow: hidden; @@ -270,7 +270,7 @@ body { visibility: hidden; z-index: 100; font: message-box; - border-top: 1px solid rgb(51 51 51 / 1); + border-top: 1px solid rgb(51 51 51); border-inline-end: var(--doorhanger-border-color-whcm); transition-property: inset-inline-start; transition-duration: var(--sidebar-transition-duration); @@ -497,7 +497,7 @@ body { } /*#if !MOZCENTRAL*/ #findInput::-webkit-input-placeholder { - color: rgb(191 191 191 / 1); + color: rgb(191 191 191); } /*#endif*/ #findInput::placeholder { @@ -509,7 +509,7 @@ body { background-position: calc(50% + 48% * var(--dir-factor)); } #findInput[data-status="notFound"] { - background-color: rgb(255 102 102 / 1); + background-color: rgb(255 102 102); } .secondaryToolbar, @@ -639,8 +639,8 @@ body { } #findResultsCount { - background-color: rgb(217 217 217 / 1); - color: rgb(82 82 82 / 1); + background-color: rgb(217 217 217); + color: rgb(82 82 82); text-align: center; padding: 4px 5px; margin: 5px; @@ -981,7 +981,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] { inset-inline-end: 2px; /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ content: ""; - background-color: rgb(112 219 85 / 1); + background-color: rgb(112 219 85); height: 9px; width: 9px; border-radius: 50%; @@ -1206,7 +1206,7 @@ a:focus > .thumbnail > .thumbnailImage, .thumbnail:not([data-loaded]) > .thumbnailImage { width: calc(var(--thumbnail-width) - 2px); height: calc(var(--thumbnail-height) - 2px); - border: 1px dashed rgb(132 132 132 / 1); + border: 1px dashed rgb(132 132 132); } .treeWithDeepNesting > .treeItem, @@ -1329,7 +1329,7 @@ dialog .buttonRow { } dialog :link { - color: rgb(255 255 255 / 1); + color: rgb(255 255 255); } #passwordDialog { diff --git a/web/xfa_layer_builder.css b/web/xfa_layer_builder.css index 8b46a778ea340..72009759bebb4 100644 --- a/web/xfa_layer_builder.css +++ b/web/xfa_layer_builder.css @@ -34,7 +34,7 @@ .xfaLayer .highlight { margin: -1px; padding: 1px; - background-color: rgb(239 203 237 / 1); + background-color: rgb(239 203 237); border-radius: 4px; } @@ -55,7 +55,7 @@ } .xfaLayer .highlight.selected { - background-color: rgb(203 223 203 / 1); + background-color: rgb(203 223 203); } .xfaPage {