privateboard 0.1.20 → 0.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,8 +22,8 @@
22
22
  position: absolute;
23
23
  z-index: 1400;
24
24
  display: none;
25
- background: var(--panel-2, #1A1A18);
26
- border: 0.5px solid var(--line-strong, #3A3A35);
25
+ background: var(--panel-2);
26
+ border: 0.5px solid var(--line-strong);
27
27
  font-family: var(--mono, "Inter", system-ui, sans-serif);
28
28
  box-shadow: 0 4px 14px -6px rgba(0, 0, 0, 0.55);
29
29
  white-space: nowrap;
@@ -35,7 +35,7 @@
35
35
  appearance: none;
36
36
  background: transparent;
37
37
  border: 0;
38
- color: var(--text, #C8C5BE);
38
+ color: var(--text);
39
39
  font-family: inherit;
40
40
  font-size: 12px;
41
41
  font-weight: 500;
@@ -52,15 +52,15 @@
52
52
  bar border. */
53
53
  .qcta-btn:not(:last-child) { padding-right: 6px; }
54
54
  .qcta-btn:not(:first-child) { padding-left: 6px; }
55
- .qcta-btn:hover { color: var(--lime, #6FB572); }
56
- .qcta-btn:hover .ico { color: var(--lime, #6FB572); }
55
+ .qcta-btn:hover { color: var(--lime); }
56
+ .qcta-btn:hover .ico { color: var(--lime); }
57
57
  .qcta-btn .ico {
58
58
  display: inline-flex;
59
59
  align-items: center;
60
60
  font-size: 12px;
61
61
  font-weight: 500;
62
62
  line-height: 1;
63
- color: var(--text-soft, #8E8B83);
63
+ color: var(--text-soft);
64
64
  transition: color 0.12s;
65
65
  }
66
66
  .qcta-btn .ico svg { display: block; }
@@ -75,7 +75,7 @@
75
75
  font-size: 11px;
76
76
  font-weight: 500;
77
77
  letter-spacing: 0.04em;
78
- color: var(--text-soft, #8E8B83);
78
+ color: var(--text-soft);
79
79
  padding: 8px 13px;
80
80
  white-space: nowrap;
81
81
  }
@@ -97,9 +97,9 @@
97
97
  left: 50%;
98
98
  transform: translate(-50%, -8px); /* starts above resting, slides DOWN */
99
99
  z-index: 1600;
100
- background: var(--panel, #131312);
101
- border: 0.5px solid var(--lime, #6FB572);
102
- color: var(--text, #C8C5BE);
100
+ background: var(--panel);
101
+ border: 0.5px solid var(--lime);
102
+ color: var(--text);
103
103
  font-family: var(--mono, "Inter", system-ui, sans-serif);
104
104
  font-size: 12px;
105
105
  font-weight: 500;
@@ -120,12 +120,12 @@
120
120
  cursor: pointer;
121
121
  }
122
122
  .qcta-toast.kind-error {
123
- border-color: var(--red, #d36a6a);
124
- color: var(--red, #f0bdbd);
123
+ border-color: var(--red);
124
+ color: var(--red);
125
125
  }
126
126
  .qcta-toast.kind-ok::before {
127
127
  content: "✓ ";
128
- color: var(--lime, #6FB572);
128
+ color: var(--lime);
129
129
  font-weight: 700;
130
130
  }
131
131
 
@@ -149,9 +149,9 @@
149
149
  .qask-modal {
150
150
  width: 100%;
151
151
  max-width: 560px;
152
- background: var(--panel, #131312);
153
- border: 0.5px solid var(--lime, #6FB572);
154
- color: var(--text, #C8C5BE);
152
+ background: var(--panel);
153
+ border: 0.5px solid var(--lime);
154
+ color: var(--text);
155
155
  display: flex;
156
156
  flex-direction: column;
157
157
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.65);
@@ -164,26 +164,26 @@
164
164
 
165
165
  .qask-classification {
166
166
  padding: 8px 14px;
167
- border-bottom: 0.5px solid var(--line-bright, #2A2A26);
167
+ border-bottom: 0.5px solid var(--line-bright);
168
168
  font-family: var(--mono, "Inter", system-ui, sans-serif);
169
169
  font-size: 9px;
170
170
  letter-spacing: 0.18em;
171
171
  text-transform: uppercase;
172
- color: var(--text-faint, #3A382F);
172
+ color: var(--text-faint);
173
173
  display: flex;
174
174
  justify-content: space-between;
175
175
  align-items: center;
176
- background: var(--panel-2, #1A1A18);
176
+ background: var(--panel-2);
177
177
  }
178
- .qask-classification .dot { color: var(--lime, #6FB572); }
179
- .qask-classification .right { color: var(--text-faint, #3A382F); }
178
+ .qask-classification .dot { color: var(--lime); }
179
+ .qask-classification .right { color: var(--text-faint); }
180
180
 
181
181
  .qask-body { padding: 18px 18px 14px; display: flex; flex-direction: column; gap: 12px; }
182
182
 
183
183
  /* Quote callout · top tag + indented italic body. NO left-border
184
184
  treatment per the project-wide rule. */
185
185
  .qask-quote {
186
- background: var(--panel-2, #1A1A18);
186
+ background: var(--panel-2);
187
187
  padding: 12px 14px;
188
188
  display: flex;
189
189
  flex-direction: column;
@@ -196,29 +196,29 @@
196
196
  font-size: 9px;
197
197
  letter-spacing: 0.18em;
198
198
  text-transform: uppercase;
199
- color: var(--text-faint, #3A382F);
199
+ color: var(--text-faint);
200
200
  font-weight: 700;
201
201
  }
202
202
  .qask-quote-body {
203
203
  font-size: 12px;
204
204
  line-height: 1.55;
205
- color: var(--text-soft, #8E8B83);
205
+ color: var(--text-soft);
206
206
  font-style: italic;
207
207
  white-space: pre-wrap;
208
208
  word-break: break-word;
209
209
  }
210
210
 
211
211
  .qask-input-wrap {
212
- border: 0.5px solid var(--line-strong, #3A3A35);
213
- background: var(--bg, #0A0A0A);
212
+ border: 0.5px solid var(--line-strong);
213
+ background: var(--bg);
214
214
  display: flex;
215
215
  align-items: stretch;
216
216
  transition: border-color 0.12s;
217
217
  }
218
- .qask-input-wrap:focus-within { border-color: var(--lime, #6FB572); }
218
+ .qask-input-wrap:focus-within { border-color: var(--lime); }
219
219
  .qask-input-wrap::before {
220
220
  content: ">";
221
- color: var(--lime, #6FB572);
221
+ color: var(--lime);
222
222
  font-weight: 700;
223
223
  font-size: 13px;
224
224
  font-family: var(--mono, "Inter", system-ui, sans-serif);
@@ -231,7 +231,7 @@
231
231
  background: transparent;
232
232
  font-family: var(--font-human, var(--mono));
233
233
  font-size: 14px;
234
- color: var(--text, #C8C5BE);
234
+ color: var(--text);
235
235
  outline: none;
236
236
  padding: 9px 12px;
237
237
  letter-spacing: -0.003em;
@@ -240,12 +240,12 @@
240
240
  min-height: 72px;
241
241
  line-height: 1.5;
242
242
  }
243
- .qask-input::placeholder { color: var(--text-faint, #3A382F); }
243
+ .qask-input::placeholder { color: var(--text-faint); }
244
244
 
245
245
  .qask-foot {
246
246
  padding: 10px 14px;
247
- border-top: 0.5px solid var(--line-bright, #2A2A26);
248
- background: var(--panel-2, #1A1A18);
247
+ border-top: 0.5px solid var(--line-bright);
248
+ background: var(--panel-2);
249
249
  display: flex;
250
250
  justify-content: flex-end;
251
251
  align-items: center;
@@ -258,16 +258,16 @@
258
258
  text-transform: uppercase;
259
259
  letter-spacing: 0.1em;
260
260
  padding: 7px 14px;
261
- border: 0.5px solid var(--line-strong, #3A3A35);
261
+ border: 0.5px solid var(--line-strong);
262
262
  background: transparent;
263
- color: var(--text-soft, #8E8B83);
263
+ color: var(--text-soft);
264
264
  cursor: pointer;
265
265
  transition: border-color 0.12s, color 0.12s, background 0.12s;
266
266
  }
267
- .qask-btn:hover { border-color: var(--lime, #6FB572); color: var(--lime, #6FB572); }
267
+ .qask-btn:hover { border-color: var(--lime); color: var(--lime); }
268
268
  .qask-btn.primary {
269
- border-color: var(--lime, #6FB572);
270
- color: var(--lime, #6FB572);
269
+ border-color: var(--lime);
270
+ color: var(--lime);
271
271
  }
272
- .qask-btn.primary:hover { background: var(--lime, #6FB572); color: var(--bg, #0A0A0A); }
272
+ .qask-btn.primary:hover { background: var(--lime); color: var(--bg); }
273
273
  .qask-btn[disabled] { opacity: 0.4; cursor: not-allowed; }