Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #17077 from Snuffleupagus/css-rm-unneeded-alpha

Browse Source 
Remove unnecessary alpha-value from CSS `rgb` colors
This commit is contained in:
Tim van der Meij 2023-10-07 12:33:48 +02:00 committed by GitHub
commit 89d8c639fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 95 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
test/annotation_layer_builder_overrides.css
View File

@ -37,8 +37,8 @@
.fileAttachmentAnnotation:not(.hasFillAlpha) .fileAttachmentAnnotation:not(.hasFillAlpha)
.popupTriggerArea { .popupTriggerArea {
opacity: 0.2; opacity: 0.2;
background: rgb(255 255 0 / 1); background: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0 / 1); box-shadow: 0 2px 10px rgb(255 255 0);
} }
.annotationLayer .fileAttachmentAnnotation.hasFillAlpha { .annotationLayer .fileAttachmentAnnotation.hasFillAlpha {
outline: 2px solid yellow; outline: 2px solid yellow;

4
test/xfa_layer_builder_overrides.css
View File

@ -15,6 +15,6 @@
.xfaLink { .xfaLink {
opacity: 0.2; opacity: 0.2;
background: rgb(255 255 0 / 1); background: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0 / 1); box-shadow: 0 2px 10px rgb(255 255 0);
} }

10
web/annotation_layer_builder.css
View File

@ -123,8 +123,8 @@
:is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
> a:hover { > a:hover {
opacity: 0.2; opacity: 0.2;
background-color: rgb(255 255 0 / 1); background-color: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0 / 1); box-shadow: 0 2px 10px rgb(255 255 0);
} }
.annotationLayer .linkAnnotation.hasBorder:hover { .annotationLayer .linkAnnotation.hasBorder:hover {
@ -291,9 +291,9 @@
} }
.annotationLayer .popup { .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)) 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)); border-radius: calc(2px * var(--scale-factor));
outline: 1.5px solid rgb(255 255 74); outline: 1.5px solid rgb(255 255 74);
padding: calc(6px * var(--scale-factor)); padding: calc(6px * var(--scale-factor));
@ -327,7 +327,7 @@
} }
.annotationLayer .popupContent { .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)); margin-top: calc(2px * var(--scale-factor));
padding-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor));
} }

20
web/debugger.css
View File

@ -22,8 +22,8 @@
font: message-box; font: message-box;
} }
#PDFBug { #PDFBug {
background-color: rgb(255 255 255 / 1); background-color: rgb(255 255 255);
border: 1px solid rgb(102 102 102 / 1); border: 1px solid rgb(102 102 102);
position: fixed; position: fixed;
top: 32px; top: 32px;
right: 0; right: 0;
@ -33,8 +33,8 @@
width: var(--panel-width); width: var(--panel-width);
} }
#PDFBug .controls { #PDFBug .controls {
background: rgb(238 238 238 / 1); background: rgb(238 238 238);
border-bottom: 1px solid rgb(102 102 102 / 1); border-bottom: 1px solid rgb(102 102 102);
padding: 3px; padding: 3px;
} }
#PDFBug .panels { #PDFBug .panels {
@ -50,7 +50,7 @@
} }
.debuggerShowText, .debuggerShowText,
.debuggerHideText:hover { .debuggerHideText:hover {
background-color: rgb(255 255 0 / 1); background-color: rgb(255 255 0);
} }
#PDFBug .stats { #PDFBug .stats {
font-family: courier; font-family: courier;
@ -82,7 +82,7 @@
} }
#viewer.textLayer-visible .canvasWrapper { #viewer.textLayer-visible .canvasWrapper {
background-color: rgb(128 255 128 / 1); background-color: rgb(128 255 128);
} }
#viewer.textLayer-visible .canvasWrapper canvas { #viewer.textLayer-visible .canvasWrapper canvas {
@ -91,7 +91,7 @@
#viewer.textLayer-visible .textLayer span { #viewer.textLayer-visible .textLayer span {
background-color: rgb(255 255 0 / 0.1); 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); border: solid 1px rgb(255 0 0 / 0.5);
box-sizing: border-box; box-sizing: border-box;
} }
@ -101,11 +101,11 @@
} }
#viewer.textLayer-hover .textLayer span:hover { #viewer.textLayer-hover .textLayer span:hover {
background-color: rgb(255 255 255 / 1); background-color: rgb(255 255 255);
color: rgb(0 0 0 / 1); color: rgb(0 0 0);
} }
#viewer.textLayer-shadow .textLayer span { #viewer.textLayer-shadow .textLayer span {
background-color: rgb(255 255 255 / 0.6); background-color: rgb(255 255 255 / 0.6);
color: rgb(0 0 0 / 1); color: rgb(0 0 0);
} }

2
web/pdf_viewer.css
View File

@ -79,7 +79,7 @@
overflow: visible; overflow: visible;
border: var(--page-border); border: var(--page-border);
background-clip: content-box; background-clip: content-box;
background-color: rgb(255 255 255 / 1); background-color: rgb(255 255 255);
} }
.pdfViewer .dummyPage { .pdfViewer .dummyPage {

4
web/text_layer_builder.css
View File

@ -14,8 +14,8 @@
*/ */
:root { :root {
--highlight-bg-color: rgb(180 0 170 / 1); --highlight-bg-color: rgb(180 0 170);
--highlight-selected-bg-color: rgb(0 100 0 / 1); --highlight-selected-bg-color: rgb(0 100 0);
} }
@media screen and (forced-colors: active) { @media screen and (forced-colors: active) {

34
web/viewer-geckoview.css
View File

@ -22,14 +22,14 @@
--toolbar-icon-opacity: 1; --toolbar-icon-opacity: 1;
--doorhanger-icon-opacity: 0.9; --doorhanger-icon-opacity: 0.9;
--main-color: rgb(12 12 13 / 1); --main-color: rgb(12 12 13);
--body-bg-color: rgb(212 212 215 / 1); --body-bg-color: rgb(212 212 215);
--scrollbar-color: auto; --scrollbar-color: auto;
--scrollbar-bg-color: auto; --scrollbar-bg-color: auto;
--field-color: rgb(6 6 6 / 1); --field-color: rgb(6 6 6);
--field-bg-color: rgb(255 255 255 / 1); --field-bg-color: rgb(255 255 255);
--field-border-color: rgb(187 187 188 / 1); --field-border-color: rgb(187 187 188);
--doorhanger-bg-color: rgb(255 255 255 / 1); --doorhanger-bg-color: rgb(255 255 255);
--dialog-button-border: none; --dialog-button-border: none;
--dialog-button-bg-color: rgb(12 12 13 / 0.1); --dialog-button-bg-color: rgb(12 12 13 / 0.1);
--dialog-button-hover-bg-color: rgb(12 12 13 / 0.3); --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3);
@ -48,16 +48,16 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--main-color: rgb(249 249 250 / 1); --main-color: rgb(249 249 250);
--body-bg-color: rgb(42 42 46 / 1); --body-bg-color: rgb(42 42 46);
--scrollbar-color: rgb(121 121 123 / 1); --scrollbar-color: rgb(121 121 123);
--scrollbar-bg-color: rgb(35 35 39 / 1); --scrollbar-bg-color: rgb(35 35 39);
--field-color: rgb(250 250 250 / 1); --field-color: rgb(250 250 250);
--field-bg-color: rgb(64 64 68 / 1); --field-bg-color: rgb(64 64 68);
--field-border-color: rgb(115 115 115 / 1); --field-border-color: rgb(115 115 115);
--doorhanger-bg-color: rgb(74 74 79 / 1); --doorhanger-bg-color: rgb(74 74 79);
--dialog-button-bg-color: rgb(92 92 97 / 1); --dialog-button-bg-color: rgb(92 92 97);
--dialog-button-hover-bg-color: rgb(115 115 115 / 1); --dialog-button-hover-bg-color: rgb(115 115 115);
--toolbar-bg-color: #2b2a33; --toolbar-bg-color: #2b2a33;
--toolbar-divider-color: #5b5b66; --toolbar-divider-color: #5b5b66;
@ -288,7 +288,7 @@ dialog .buttonRow {
} }
dialog :link { dialog :link {
color: rgb(255 255 255 / 1); color: rgb(255 255 255);
} }
#passwordDialog { #passwordDialog {

108
web/viewer.css
View File

@ -29,37 +29,37 @@
--toolbar-icon-opacity: 0.7; --toolbar-icon-opacity: 0.7;
--doorhanger-icon-opacity: 0.9; --doorhanger-icon-opacity: 0.9;
--main-color: rgb(12 12 13 / 1); --main-color: rgb(12 12 13);
--body-bg-color: rgb(212 212 215 / 1); --body-bg-color: rgb(212 212 215);
--progressBar-color: rgb(10 132 255 / 1); --progressBar-color: rgb(10 132 255);
--progressBar-bg-color: rgb(221 221 222 / 1); --progressBar-bg-color: rgb(221 221 222);
--progressBar-blend-color: rgb(116 177 239 / 1); --progressBar-blend-color: rgb(116 177 239);
--scrollbar-color: auto; --scrollbar-color: auto;
--scrollbar-bg-color: auto; --scrollbar-bg-color: auto;
--toolbar-icon-bg-color: rgb(0 0 0 / 1); --toolbar-icon-bg-color: rgb(0 0 0);
--toolbar-icon-hover-bg-color: rgb(0 0 0 / 1); --toolbar-icon-hover-bg-color: rgb(0 0 0);
--sidebar-narrow-bg-color: rgb(212 212 215 / 0.9); --sidebar-narrow-bg-color: rgb(212 212 215 / 0.9);
--sidebar-toolbar-bg-color: rgb(245 246 247 / 1); --sidebar-toolbar-bg-color: rgb(245 246 247);
--toolbar-bg-color: rgb(249 249 250 / 1); --toolbar-bg-color: rgb(249 249 250);
--toolbar-border-color: rgb(184 184 184 / 1); --toolbar-border-color: rgb(184 184 184);
--toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color); --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color);
--toolbar-border-bottom: none; --toolbar-border-bottom: none;
--toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 --toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0
rgb(0 0 0 / 0.25), rgb(0 0 0 / 0.25),
0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1); 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1);
--toolbarSidebar-border-bottom: none; --toolbarSidebar-border-bottom: none;
--button-hover-color: rgb(221 222 223 / 1); --button-hover-color: rgb(221 222 223);
--toggled-btn-color: rgb(0 0 0 / 1); --toggled-btn-color: rgb(0 0 0);
--toggled-btn-bg-color: rgb(0 0 0 / 0.3); --toggled-btn-bg-color: rgb(0 0 0 / 0.3);
--toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); --toggled-hover-active-btn-color: rgb(0 0 0 / 0.4);
--toggled-hover-btn-outline: none; --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; --dropdown-btn-border: none;
--separator-color: rgb(0 0 0 / 0.3); --separator-color: rgb(0 0 0 / 0.3);
--field-color: rgb(6 6 6 / 1); --field-color: rgb(6 6 6);
--field-bg-color: rgb(255 255 255 / 1); --field-bg-color: rgb(255 255 255);
--field-border-color: rgb(187 187 188 / 1); --field-border-color: rgb(187 187 188);
--treeitem-color: rgb(0 0 0 / 0.8); --treeitem-color: rgb(0 0 0 / 0.8);
--treeitem-bg-color: rgb(0 0 0 / 0.15); --treeitem-bg-color: rgb(0 0 0 / 0.15);
--treeitem-hover-color: rgb(0 0 0 / 0.9); --treeitem-hover-color: rgb(0 0 0 / 0.9);
@ -67,11 +67,11 @@
--treeitem-selected-bg-color: rgb(0 0 0 / 0.25); --treeitem-selected-bg-color: rgb(0 0 0 / 0.25);
--thumbnail-hover-color: rgb(0 0 0 / 0.1); --thumbnail-hover-color: rgb(0 0 0 / 0.1);
--thumbnail-selected-color: rgb(0 0 0 / 0.2); --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-border-color: rgb(12 12 13 / 0.2);
--doorhanger-hover-color: rgb(12 12 13 / 1); --doorhanger-hover-color: rgb(12 12 13);
--doorhanger-hover-bg-color: rgb(237 237 237 / 1); --doorhanger-hover-bg-color: rgb(237 237 237);
--doorhanger-separator-color: rgb(222 222 222 / 1); --doorhanger-separator-color: rgb(222 222 222);
--dialog-button-border: none; --dialog-button-border: none;
--dialog-button-bg-color: rgb(12 12 13 / 0.1); --dialog-button-bg-color: rgb(12 12 13 / 0.1);
--dialog-button-hover-bg-color: rgb(12 12 13 / 0.3); --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3);
@ -131,29 +131,29 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--main-color: rgb(249 249 250 / 1); --main-color: rgb(249 249 250);
--body-bg-color: rgb(42 42 46 / 1); --body-bg-color: rgb(42 42 46);
--progressBar-color: rgb(0 96 223 / 1); --progressBar-color: rgb(0 96 223);
--progressBar-bg-color: rgb(40 40 43 / 1); --progressBar-bg-color: rgb(40 40 43);
--progressBar-blend-color: rgb(20 68 133 / 1); --progressBar-blend-color: rgb(20 68 133);
--scrollbar-color: rgb(121 121 123 / 1); --scrollbar-color: rgb(121 121 123);
--scrollbar-bg-color: rgb(35 35 39 / 1); --scrollbar-bg-color: rgb(35 35 39);
--toolbar-icon-bg-color: rgb(255 255 255 / 1); --toolbar-icon-bg-color: rgb(255 255 255);
--toolbar-icon-hover-bg-color: rgb(255 255 255 / 1); --toolbar-icon-hover-bg-color: rgb(255 255 255);
--sidebar-narrow-bg-color: rgb(42 42 46 / 0.9); --sidebar-narrow-bg-color: rgb(42 42 46 / 0.9);
--sidebar-toolbar-bg-color: rgb(50 50 52 / 1); --sidebar-toolbar-bg-color: rgb(50 50 52);
--toolbar-bg-color: rgb(56 56 61 / 1); --toolbar-bg-color: rgb(56 56 61);
--toolbar-border-color: rgb(12 12 13 / 1); --toolbar-border-color: rgb(12 12 13);
--button-hover-color: rgb(102 102 103 / 1); --button-hover-color: rgb(102 102 103);
--toggled-btn-color: rgb(255 255 255 / 1); --toggled-btn-color: rgb(255 255 255);
--toggled-btn-bg-color: rgb(0 0 0 / 0.3); --toggled-btn-bg-color: rgb(0 0 0 / 0.3);
--toggled-hover-active-btn-color: rgb(0 0 0 / 0.4); --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); --separator-color: rgb(0 0 0 / 0.3);
--field-color: rgb(250 250 250 / 1); --field-color: rgb(250 250 250);
--field-bg-color: rgb(64 64 68 / 1); --field-bg-color: rgb(64 64 68);
--field-border-color: rgb(115 115 115 / 1); --field-border-color: rgb(115 115 115);
--treeitem-color: rgb(255 255 255 / 0.8); --treeitem-color: rgb(255 255 255 / 0.8);
--treeitem-bg-color: rgb(255 255 255 / 0.15); --treeitem-bg-color: rgb(255 255 255 / 0.15);
--treeitem-hover-color: rgb(255 255 255 / 0.9); --treeitem-hover-color: rgb(255 255 255 / 0.9);
@ -161,13 +161,13 @@
--treeitem-selected-bg-color: rgb(255 255 255 / 0.25); --treeitem-selected-bg-color: rgb(255 255 255 / 0.25);
--thumbnail-hover-color: rgb(255 255 255 / 0.1); --thumbnail-hover-color: rgb(255 255 255 / 0.1);
--thumbnail-selected-color: rgb(255 255 255 / 0.2); --thumbnail-selected-color: rgb(255 255 255 / 0.2);
--doorhanger-bg-color: rgb(74 74 79 / 1); --doorhanger-bg-color: rgb(74 74 79);
--doorhanger-border-color: rgb(39 39 43 / 1); --doorhanger-border-color: rgb(39 39 43);
--doorhanger-hover-color: rgb(249 249 250 / 1); --doorhanger-hover-color: rgb(249 249 250);
--doorhanger-hover-bg-color: rgb(93 94 98 / 1); --doorhanger-hover-bg-color: rgb(93 94 98);
--doorhanger-separator-color: rgb(92 92 97 / 1); --doorhanger-separator-color: rgb(92 92 97);
--dialog-button-bg-color: rgb(92 92 97 / 1); --dialog-button-bg-color: rgb(92 92 97);
--dialog-button-hover-bg-color: rgb(115 115 115 / 1); --dialog-button-hover-bg-color: rgb(115 115 115);
/* This image is used in <input> elements, which unfortunately means that /* This image is used in <input> elements, which unfortunately means that
* the `mask-image` approach used with all of the other images doesn't work * the `mask-image` approach used with all of the other images doesn't work
@ -235,7 +235,7 @@ body {
#viewerContainer.pdfPresentationMode:fullscreen { #viewerContainer.pdfPresentationMode:fullscreen {
top: 0; top: 0;
background-color: rgb(0 0 0 / 1); background-color: rgb(0 0 0);
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
@ -270,7 +270,7 @@ body {
visibility: hidden; visibility: hidden;
z-index: 100; z-index: 100;
font: message-box; 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); border-inline-end: var(--doorhanger-border-color-whcm);
transition-property: inset-inline-start; transition-property: inset-inline-start;
transition-duration: var(--sidebar-transition-duration); transition-duration: var(--sidebar-transition-duration);
@ -497,7 +497,7 @@ body {
} }
/*#if !MOZCENTRAL*/ /*#if !MOZCENTRAL*/
#findInput::-webkit-input-placeholder { #findInput::-webkit-input-placeholder {
color: rgb(191 191 191 / 1); color: rgb(191 191 191);
} }
/*#endif*/ /*#endif*/
#findInput::placeholder { #findInput::placeholder {
@ -509,7 +509,7 @@ body {
background-position: calc(50% + 48% * var(--dir-factor)); background-position: calc(50% + 48% * var(--dir-factor));
} }
#findInput[data-status="notFound"] { #findInput[data-status="notFound"] {
background-color: rgb(255 102 102 / 1); background-color: rgb(255 102 102);
} }
.secondaryToolbar, .secondaryToolbar,
@ -639,8 +639,8 @@ body {
} }
#findResultsCount { #findResultsCount {
background-color: rgb(217 217 217 / 1); background-color: rgb(217 217 217);
color: rgb(82 82 82 / 1); color: rgb(82 82 82);
text-align: center; text-align: center;
padding: 4px 5px; padding: 4px 5px;
margin: 5px; margin: 5px;
@ -981,7 +981,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
inset-inline-end: 2px; inset-inline-end: 2px;
/* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
content: ""; content: "";
background-color: rgb(112 219 85 / 1); background-color: rgb(112 219 85);
height: 9px; height: 9px;
width: 9px; width: 9px;
border-radius: 50%; border-radius: 50%;
@ -1206,7 +1206,7 @@ a:focus > .thumbnail > .thumbnailImage,
.thumbnail:not([data-loaded]) > .thumbnailImage { .thumbnail:not([data-loaded]) > .thumbnailImage {
width: calc(var(--thumbnail-width) - 2px); width: calc(var(--thumbnail-width) - 2px);
height: calc(var(--thumbnail-height) - 2px); height: calc(var(--thumbnail-height) - 2px);
border: 1px dashed rgb(132 132 132 / 1); border: 1px dashed rgb(132 132 132);
} }
.treeWithDeepNesting > .treeItem, .treeWithDeepNesting > .treeItem,
@ -1329,7 +1329,7 @@ dialog .buttonRow {
} }
dialog :link { dialog :link {
color: rgb(255 255 255 / 1); color: rgb(255 255 255);
} }
#passwordDialog { #passwordDialog {

4
web/xfa_layer_builder.css
View File

@ -34,7 +34,7 @@
.xfaLayer .highlight { .xfaLayer .highlight {
margin: -1px; margin: -1px;
padding: 1px; padding: 1px;
background-color: rgb(239 203 237 / 1); background-color: rgb(239 203 237);
border-radius: 4px; border-radius: 4px;
} }
@ -55,7 +55,7 @@
} }
.xfaLayer .highlight.selected { .xfaLayer .highlight.selected {
background-color: rgb(203 223 203 / 1); background-color: rgb(203 223 203);
} }
.xfaPage { .xfaPage {