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

Remove unnecessary alpha-value from CSS rgb colors

Browse Source 
Setting the alpha-value explicitly to `1` in `rgb` colors is unnecessary, since that's the default value, and this way we ever so slightly reduce the size of our CSS files.
Unfortunately I've not found a Stylelint rule to enforce this automatically, and the patch was generated using search and replace.
This commit is contained in:
Jonas Jenwald 2023-10-06 09:50:03 +02:00
parent 2453b79fa8
commit 4ebddcb092
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)
.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;

4
test/xfa_layer_builder_overrides.css
View File

@ -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);
}

10
web/annotation_layer_builder.css
View File

@ -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));
}

20
web/debugger.css
View File

@ -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);
}

2
web/pdf_viewer.css
View File

@ -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 {

4
web/text_layer_builder.css
View File

@ -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) {

34
web/viewer-geckoview.css
View File

@ -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 {

108
web/viewer.css
View File

@ -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 <input> 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 {

4
web/xfa_layer_builder.css
View File

@ -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 {