Skip to content

Commit 069fbdc

Browse files
kittisakLSkittisakLS
authored
Update vpv-variables.css to reflect the annotation feature.
1 parent 97688fc commit 069fbdc

File tree

1 file changed

+83
-59
lines changed

1 file changed

+83
-59
lines changed

‎vpv-variables.css‎

Lines changed: 83 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
--vpv-pages-container-background: rgba(250, 250, 250, 1);
3434
--vpv-text-layer-text__selection-background-color: rgba(0, 0, 255, 0.2);
3535
--vpv-text-layer-text__selection-color: inherit;
36-
--vpv-text-layer-text__current-selection-background-color: rgba(255, 0, 0, 1);
36+
--vpv-text-layer-text__current-selection-background-color: rgba(255, 0, 0, 0.5);
3737
--vpv-text-layer-highlight-border-radius: var(--vpv-base-radius);
3838
--vpv-annotation-layer__link-hover-background: rgba(255, 255, 0, 0.2);
3939
/* Popover */
@@ -57,6 +57,9 @@
5757
--vpv-checkbox-active-background: #7862ff;
5858
--vpv-checkbox-active-color: #fff;
5959
--vpv-checkbox-active-border-color: #7862ff;
60+
/* Select */
61+
--vpv-select-menu-content-max-height: 250px;
62+
--vpv-select-menu-content-min-width: 5.6rem;
6063
/* Modal of PDF Properties */
6164
--vpv-properties-content-background: var(--vpv-dropdown-menu-content-background);
6265
--vpv-properties-content-secondary-color: #596673;
@@ -78,6 +81,7 @@
7881
/* Comments */
7982
--vpv-comments-sidebar-width: 300px;
8083
--vpv-comments-total-badge-background: #f1f2f4;
84+
--vpv-comments-comment-icon-color: #596673;
8185
--vpv-comments-comment-block-focus-background: #0000000d;
8286
--vpv-comments-reply-comment-left-border-color: #e2e6e9;
8387
--vpv-comments-reply-comment-max-height: 1000px;
@@ -86,65 +90,85 @@
8690
--vpv-secondary-color: #596673;
8791
--vpv-error-color: #ff2f61;
8892
--vpv-outline-color: inherit;
93+
/* Toast */
94+
--vpv-toast-background: #ffffff;
95+
--vpv-toast-color: #000000;
96+
--vpv-toast-destructive-background: #ff5252;
97+
--vpv-toast-destructive-color: #ffffff;
98+
/* Annotation */
99+
--vpv-annotation-outline-width: 1px;
100+
--vpv-annotation-outline-hovered-color: #0082ff;
101+
--vpv-annotation-outline-selected-color: #0082ff;
102+
--vpv-annotation-outline-selected-offset: 0.25rem;
103+
--vpv-annotation-outline-resizer-size: 0.3125rem;
104+
--vpv-annotation-outline-resizer-border-color: var(--vpv-annotation-outline-selected-color);
105+
/* Annotation Highlight */
106+
--vpv-annotation-highlight__outline-hover-color: var(--vpv-secondary-color);
107+
--vpv-annotation-highlight__outline-selected-color: #0082ff;
108+
--vpv-annotation-highlight__outline-width: 1px;
109+
/* Annotation Free Text */
110+
--vpv-annotation-free-text__line-height: 1.35;
111+
--vpv-annotation-free-text__padding: 2px;
89112
}
90113
.vpv-variables.vpv-variables__dark {
91114
/* Dark Appearance */
92-
/* Base styles */
93-
--vpv-base-border-color: #2d3339;
94-
/* Viewer container */
95-
--vpv-container-border-color: rgba(0, 0, 0, 1);
96-
/* Loader */
97-
--vpv-loader-backdrop-color: rgba(0, 0, 0, 0.8);
98-
/* Toolbar */
99-
--vpv-toolbar-background-color: rgba(45, 51, 57, 1);
100-
--vpv-toolbar-color: white;
101-
--vpv-toolbar-border-color: rgba(89, 102, 115, 1);
102-
/* Sidebar */
103-
--vpv-sidebar-content-background-color: rgba(28, 32, 36, 1);
104-
--vpv-sidebar-content_thumbnail-focused-border-color: rgba(255, 255, 255, 0.4);
105-
/* Drop file mask */
106-
--vpv-drop-zone-background: #1c2024;
107-
--vpv-drop-zone-border: #434c56;
108-
/* PDF Pages Content*/
109-
--vpv-pages-container-background: rgba(28, 32, 36, 1);
110-
/* Popover */
111-
--vpv-popover-background-color: #434c56;
112-
--vpv-popover-color: var(--vpv-toolbar-color);
113-
--vpv-popover-border-color: var(--vpv-base-border-color);
114-
/* Menu Dropdown */
115-
--vpv-dropdown-menu-content-background: rgba(67, 76, 86, 1);
116-
--vpv-dropdown-menu-content-menu-hover-background: rgba(0, 0, 0, 0.1);
117-
--vpv-dropdown-menu-content-separator-background: rgba(45, 51, 57, 1);
118-
--vpv-dropdown-menu-content-border-color: rgba(67, 76, 86, 1);
119-
--vpv-dropdown-separator: #2d3339;
120-
/* Search Input */
121-
--vpv-input-background-color: #1c2024;
122-
--vpv-input-border-color: 255, 255, 255;
123-
--vpv-input-placeholder-color: #596673;
124-
/* Checkbox */
125-
--vpv-checkbox-background: #1c2024;
126-
--vpv-checkbox-border-color: var(--vpv-base-border-color);
127-
--vpv-checkbox-active-background: #9381ff;
128-
--vpv-checkbox-active-color: #1c2024;
129-
--vpv-checkbox-active-border-color: #9381ff;
130-
/* Modal of PDF Properties */
131-
--vpv-properties-content-background: var(--vpv-dropdown-menu-content-background);
132-
--vpv-properties-content-secondary-color: #c6ccd2;
133-
--vpv-properties-content-color: var(--vpv-toolbar-color);
134-
--vpv-properties-separator: var(--vpv-dropdown-separator);
135-
--vpv-properties-header: white;
136-
/* Modal of Password */
137-
--vpv-password-content-background: #1c2024;
138-
/* Modal of Print Progress */
139-
--vpv-print-progress-background: var(--vpv-dropdown-menu-content-background);
140-
/* Tooltip */
141-
--vpv-tooltip-background: #5b6d7f;
142-
--vpv-tooltip-color: #ffffff;
143-
--vpv-tooltip-border-color: transparent;
144-
/* Comments */
145-
--vpv-comments-total-badge-background: #434c56;
146-
--vpv-comments-comment-block-focus-background: #ffffff0d;
147-
--vpv-comments-reply-comment-left-border-color: #2d3339;
148-
/* Common */
149-
--vpv-secondary-color: #c6ccd2;
115+
/* Base styles */
116+
--vpv-base-border-color: #2d3339;
117+
/* Viewer container */
118+
--vpv-container-border-color: rgba(0, 0, 0, 1);
119+
/* Loader */
120+
--vpv-loader-backdrop-color: rgba(0, 0, 0, 0.8);
121+
/* Toolbar */
122+
--vpv-toolbar-background-color: rgba(45, 51, 57, 1);
123+
--vpv-toolbar-color: white;
124+
--vpv-toolbar-border-color: rgba(89, 102, 115, 1);
125+
/* Sidebar */
126+
--vpv-sidebar-content-background-color: rgba(28, 32, 36, 1);
127+
--vpv-sidebar-content_thumbnail-focused-border-color: rgba(255, 255, 255, 0.4);
128+
/* Drop file mask */
129+
--vpv-drop-zone-background: #1c2024;
130+
--vpv-drop-zone-border: #434c56;
131+
/* PDF Pages Content*/
132+
--vpv-pages-container-background: rgba(28, 32, 36, 1);
133+
/* Popover */
134+
--vpv-popover-background-color: #434c56;
135+
--vpv-popover-color: var(--vpv-toolbar-color);
136+
--vpv-popover-border-color: var(--vpv-base-border-color);
137+
/* Menu Dropdown */
138+
--vpv-dropdown-menu-content-background: rgba(67, 76, 86, 1);
139+
--vpv-dropdown-menu-content-menu-hover-background: rgba(0, 0, 0, 0.1);
140+
--vpv-dropdown-menu-content-separator-background: rgba(45, 51, 57, 1);
141+
--vpv-dropdown-menu-content-border-color: rgba(67, 76, 86, 1);
142+
--vpv-dropdown-separator: #2d3339;
143+
/* Search Input */
144+
--vpv-input-background-color: #1c2024;
145+
--vpv-input-border-color: 255, 255, 255;
146+
--vpv-input-placeholder-color: #596673;
147+
/* Checkbox */
148+
--vpv-checkbox-background: #1c2024;
149+
--vpv-checkbox-border-color: var(--vpv-base-border-color);
150+
--vpv-checkbox-active-background: #9381ff;
151+
--vpv-checkbox-active-color: #1c2024;
152+
--vpv-checkbox-active-border-color: #9381ff;
153+
/* Modal of PDF Properties */
154+
--vpv-properties-content-background: var(--vpv-dropdown-menu-content-background);
155+
--vpv-properties-content-secondary-color: #c6ccd2;
156+
--vpv-properties-content-color: var(--vpv-toolbar-color);
157+
--vpv-properties-separator: var(--vpv-dropdown-separator);
158+
--vpv-properties-header: white;
159+
/* Modal of Password */
160+
--vpv-password-content-background: #1c2024;
161+
/* Modal of Print Progress */
162+
--vpv-print-progress-background: var(--vpv-dropdown-menu-content-background);
163+
/* Tooltip */
164+
--vpv-tooltip-background: #5b6d7f;
165+
--vpv-tooltip-color: #ffffff;
166+
--vpv-tooltip-border-color: transparent;
167+
/* Comments */
168+
--vpv-comments-total-badge-background: #434c56;
169+
--vpv-comments-comment-icon-color: #c6ccd2;
170+
--vpv-comments-comment-block-focus-background: #ffffff0d;
171+
--vpv-comments-reply-comment-left-border-color: #2d3339;
172+
/* Common */
173+
--vpv-secondary-color: #c6ccd2;
150174
}

0 commit comments

Comments
 (0)