🏷️ Add variables to rp-variables.css (loader, popover, modal of print progress)

Author: suntorn-ra

rp-variables.css

@@ -8,6 +8,8 @@
   --rp-font-size: 16px;
   /* dropdown mask */
   --rp-drop-mask-background-color: #fafafa;
+  /* loader */
+  --rp-loader-backdrop-color: #ffffffcc;
   /* icon */
   --rp-icon-disabled: #c6ccd2;
   --rp-icon-font-size: calc(var(--rp-font-size) * 1.25);
@@ -34,7 +36,6 @@
   --rp-input-placeholder-color: #C6CCD2;
   /* pages */
   --rp-pages-background-color: #ffffff;
-
   --rp-annotation-layer__link-hover-background: rgba(255, 255, 0, 0.2);
   /* dropdown */
   --rp-dropdown-background-color: #f1f2f4;
@@ -46,14 +47,10 @@
   --rp-dropdown-font-size: calc(var(--rp-font-size) * 0.875);
   --rp-search-tool-dropdown-padding: 8px;
   /* popover */
-  --rp-popover-background-color: #f1f2f4;
-  --rp-popover-padding: 4px;
-  --rp-popover-hover-background-color: #0000001a;
-  --rp-popover-separator-color: #e2e6e9;
-  --rp-popover-separator-margin: 4px;
-  --rp-popover-padding-menu-item: 8px;
   --rp-popover-font-size: calc(var(--rp-font-size) * 0.875);
-  --rp-search-tool-popover-padding: 8px;
+  --rp-popover-background-color: #f1f2f4;
+  --rp-popover-color: #1c2024;
+  --vpv-popover-border-color: #e2e6e9;
   /* dialog */
   --rp-overlay-background-color: #000000cc;
   --rp-dialog-background-color: #f1f2f4;
@@ -68,6 +65,9 @@
   --rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);
   --rp-dialog-title-font-weight: 600;
   --rp-menu-item-icon-size: 16px;
+  /* modal of print progress */
+  --rp-print-progress-background: #f1f2f4ff;
+  --rp-print-progress-color: #1c2024ff;
   /* Drop zone  */
   --rp-drop-zone-border: #c6ccd2;
   --rp-drop-zone-font-color: #8c99a6;