diff options
author | 2021-09-27 21:10:34 -0500 | |
---|---|---|
committer | 2021-09-28 07:40:34 +0530 | |
commit | 08c1ef1297f690a1b78140d0751ef36ec5289b10 (patch) | |
tree | f9be1d49f7d5577bfe9fa952210cce0a2b34786b /recipes/trello/darkmode.css | |
parent | refactor: remove references 'Ferdi.ipcRenderer' in recipes - create an abstra... (diff) | |
download | ferdium-recipes-08c1ef1297f690a1b78140d0751ef36ec5289b10.tar.gz ferdium-recipes-08c1ef1297f690a1b78140d0751ef36ec5289b10.tar.zst ferdium-recipes-08c1ef1297f690a1b78140d0751ef36ec5289b10.zip |
Added trello darkmode (#719)
Diffstat (limited to 'recipes/trello/darkmode.css')
-rw-r--r-- | recipes/trello/darkmode.css | 494 |
1 files changed, 494 insertions, 0 deletions
diff --git a/recipes/trello/darkmode.css b/recipes/trello/darkmode.css new file mode 100644 index 0000000..36b484e --- /dev/null +++ b/recipes/trello/darkmode.css | |||
@@ -0,0 +1,494 @@ | |||
1 | /*---------------------------------------------------------------------- | ||
2 | Digital Dark Style by Michael Fabian 'Xaymar' Dirks <info@xaymar.com>. | ||
3 | ----------------------------------------------------------------------*/ | ||
4 | |||
5 | /* The Theme now has a public GitHub repository! | ||
6 | Check it out: https://github.com/Xaymar/Trello-Digital-Dark */ | ||
7 | |||
8 | /* | ||
9 | Lightness increases by 5% each Layer. Text is always hsl(0,0%,95%). | ||
10 | Highlights are done using colors (if the website uses them). | ||
11 | |||
12 | Lightness List: | ||
13 | 0 5% Background | ||
14 | 1 10% 1st Layer | ||
15 | 2 15% 2nd Layer | ||
16 | ... | ||
17 | */ | ||
18 | |||
19 | /** { | ||
20 | background-color: transparent !important; | ||
21 | color: inherit !important; | ||
22 | border-color: inherit !important; | ||
23 | }*/ | ||
24 | /* -- Layer 0 -- */ | ||
25 | Layer-0, | ||
26 | /* Background */ body, | ||
27 | .body-light-board-background .board-header, | ||
28 | div.tabbed-pane-header, | ||
29 | div.tabbed-pane-nav, | ||
30 | div#trello-root { | ||
31 | background: hsl(0, 0%, 5%) !important; | ||
32 | color: hsl(0, 0%, 50%) !important; | ||
33 | border-color: hsl(0, 0%, 0%) !important; | ||
34 | } | ||
35 | |||
36 | /* -- Layer 1 -- */ | ||
37 | Layer-1, | ||
38 | /* Header */ div#header, | ||
39 | /* Add List */ div.js-add-list, | ||
40 | /* Add List */ div.js-add-list.is-idle span.placeholder, | ||
41 | /* List */ .list, | ||
42 | /* List > Header */ .list .list-header, | ||
43 | /* List > Header > Text */ .list .list-header .list-header-name, | ||
44 | /* Button: "Add a card" */ a.open-card-composer, | ||
45 | /* "Create new board." */ a.board-tile.mod-add, | ||
46 | /* Window Overlay */ div.window-overlay div.window .window-cover:not(.is-covered), | ||
47 | /* Board buttons */ a.boards-page-board-section-header-options-item, | ||
48 | /* Board buttons Text */ a.boards-page-board-section-header-options-item:hover span, | ||
49 | /* Create a new team... */ div.boards-page-board-section a.quiet-button , | ||
50 | div.tabbed-pane-nav li.tabbed-pane-nav-item a.tabbed-pane-nav-item-button, | ||
51 | /* Profile - Tab Area */ div.tabbed-pane-main-col, | ||
52 | .tabbed-pane-header a.button-link, | ||
53 | form.js-profile-form input, form.js-profile-form textarea, | ||
54 | /* Board Menu */ div.board-menu, div.board-menu-tab-content, | ||
55 | /* Board Menu > Board Navigation Buttons */ div.board-menu a.board-menu-navigation-item-link, | ||
56 | /* Board Menu > Power-Ups > Counter */ div.board-menu a.board-menu-navigation-item-link span.js-enabled-power-up-count, | ||
57 | /* Board Menu > Activity */ div.board-menu a.js-open-activity, | ||
58 | /* Board Page > Tile */ .board-tile, | ||
59 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > a, | ||
60 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > button, | ||
61 | /* Home > Buttons */ div[class^="app-scripts-views-home-presentational-highlight"], | ||
62 | /* Home > Starred/Viewed/Links */ .home-board-section-item:hover { | ||
63 | background: hsl(0, 0%, 10%) !important; | ||
64 | color: hsl(0, 0%, 60%) !important; | ||
65 | border-color: hsl(0, 0%, 5%) !important; | ||
66 | } | ||
67 | |||
68 | /* -- Layer 2 -- */ | ||
69 | Layer-2, | ||
70 | /* Header Buttons */ a.header-btn, .body-light-board-background .board-header-btn, ._3jgu2AdlURonAV, | ||
71 | /* Add List */ div.js-add-list:not(.is-idle) input.list-name-input, | ||
72 | /* List Card */ .list .list-card, | ||
73 | /* List Card Title */ .list .list-card .list-card-title, | ||
74 | /* Button: "..." */ a.list-header-menu-icon , | ||
75 | /* Button: "Add a card" */ a.open-card-composer:hover , | ||
76 | /* Window Overlay */ div.window-overlay div.window, | ||
77 | /* Header Search */ input.header-search-input , | ||
78 | /* Boards */ .boards-drawer , | ||
79 | /* "Create new board." */ a.board-tile.mod-add:hover, | ||
80 | /* Board buttons */ a.boards-page-board-section-header-options-item:hover, | ||
81 | a.boards-page-board-section-header-options-item:hover span, | ||
82 | /* Create a new team... */ div.boards-page-board-section a.quiet-button:hover, | ||
83 | div.tabbed-pane-nav li.tabbed-pane-nav-item a.tabbed-pane-nav-item-button:hover , | ||
84 | a.board-tile.mod-add, | ||
85 | .window-module .js-search, | ||
86 | .setting-item .helper, | ||
87 | div.tabbed-pane-main-col div.action-comment, | ||
88 | div.tabbed-pane-main-col p.gutter, | ||
89 | div.tabbed-pane-main-col div.member-login, | ||
90 | div.tabbed-pane-main-col input.js-add-email, | ||
91 | div.tabbed-pane-main-col input.js-log-out-other, | ||
92 | div.tabbed-pane-main-col input.js-revoke, | ||
93 | div.tabbed-pane-main-col a.big-link, | ||
94 | /* Profile - Cards - Card */ .tabbed-pane-main-col .js-cards-content .list-card, | ||
95 | /* Organization - Members - Find Members */ .tabbed-pane-main-col .org-members-page-layout .org-members-page-layout-sidebar input, | ||
96 | /* Organization - Members - Add Members Button */ .tabbed-pane-main-col .org-members-page-layout .button-link, | ||
97 | /* Organization - Settings - Business Class */ .tabbed-pane-main-col .org-bc-settings, | ||
98 | /* Organization - Business Class - Input */ .tabbed-pane-main-col .credit-card-form input, .tabbed-pane-main-col .credit-card-form .iframe-input, | ||
99 | form.js-profile-form input:hover, form.js-profile-form textarea:hover, | ||
100 | /* Board Menu > Member */ div.board-menu div.member, | ||
101 | /* Board Menu > Add Member Button */ div.board-menu a.button-link, | ||
102 | /* Board Menu > Board Navigation Buttons */ div.board-menu a.board-menu-navigation-item-link:hover, | ||
103 | /* Board Menu > Power-Ups > Counter */ div.board-menu a.board-menu-navigation-item-link:hover span.js-enabled-power-up-count, | ||
104 | /* Board Menu > Activity */ div.board-menu a.js-open-activity:hover, | ||
105 | /* Board Menu > Activity Entry */ div.board-menu div.js-menu-action-list div.phenom, | ||
106 | /* Window - Title */ .window .window-title textarea, | ||
107 | /* Window - Description */ .window .description-content, | ||
108 | /* Board Page > Tile */ .board-tile:hover, | ||
109 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > a:hover, | ||
110 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > a:active, | ||
111 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > button:hover, | ||
112 | /* Home > Buttons */ li[class^="app-scripts-views-home-presentational-tab"] > button:active, | ||
113 | /* Home > Highlights > Issue */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li > div, | ||
114 | /* Home > Highlights > Issue */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-card a.canonical-stretch, | ||
115 | /* Home > Highlights > Comment */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div { | ||
116 | background: hsl(0, 0%, 15%) !important; | ||
117 | color: hsl(0, 0%, 70%) !important; | ||
118 | border-color: hsl(0, 0%, 10%) !important; | ||
119 | } | ||
120 | |||
121 | /* List Card */ | ||
122 | .list .list-card, | ||
123 | /* Highlight Area - Entries */ .member-boards-view .canonical-card a.canonical-stretch { | ||
124 | box-shadow: 0 1px 0 #111 !important; | ||
125 | } | ||
126 | |||
127 | /* -- Layer 3 -- */ | ||
128 | Layer-3, | ||
129 | /* Header Button */ a.header-btn:hover, | ||
130 | /* Header Search */ input.header-search-input:hover, | ||
131 | /* List Card */ .list .list-card:hover , | ||
132 | /* List Card Title */ .list .list-card:hover .list-card-title, | ||
133 | /* Button: "..." */ a.list-header-menu-icon:hover, | ||
134 | /* Button: (pencil) */ span.list-card-operation, | ||
135 | /* Pop Overs */ div.pop-over, | ||
136 | /* Window Overlay: Button Links */ div.window a.button-link, | ||
137 | /* Board Search */ .boards-drawer input.js-search-boards, | ||
138 | .boards-drawer .quiet-button, | ||
139 | a.board-tile.mod-add:hover, | ||
140 | div.tabbed-pane-main-col input.js-add-email:hover, | ||
141 | div.tabbed-pane-main-col input.js-log-out-other:hover, | ||
142 | div.tabbed-pane-main-col input.js-revoke:hover, | ||
143 | div.tabbed-pane-main-col a.big-link:hover, | ||
144 | /* Organization - Members - Find Members */ .tabbed-pane-main-col .org-members-page-layout .org-members-page-layout-sidebar input:hover, | ||
145 | /* Organization - Members - Add Members Button */ .tabbed-pane-main-col .org-members-page-layout .button-link:hover, | ||
146 | /* Organization - Business Class - Input */ .tabbed-pane-main-col .credit-card-form input:hover, .tabbed-pane-main-col .credit-card-form .iframe-input:hover, | ||
147 | .checklist-item:hover, | ||
148 | .window .action-comment, | ||
149 | .window .button-link, | ||
150 | .window .card-detail-badge, | ||
151 | .window .card-detail-item-add-button, | ||
152 | .window .comment-box, | ||
153 | .window .confirm, | ||
154 | .window .checklist-new-item-text, | ||
155 | .window .checklist-item-checkbox, | ||
156 | .window .checklist-progress-bar, | ||
157 | .window .js-format-help, | ||
158 | .window .js-search:hover, | ||
159 | .window .quiet-button:hover, | ||
160 | .windows .js-new-checklist-item-button, | ||
161 | textarea.checklist-new-item-text::placeholder, | ||
162 | .js-checkitem-input, | ||
163 | .phenom, | ||
164 | .list .list-card .badge.is-voted, | ||
165 | /* Board Menu > Add Member Button */ div.board-menu a.button-link:hover, | ||
166 | /* Phenom Entry > Comment */ div.board-menu div.js-menu-action-list div.phenom div.current-comment, | ||
167 | /* Window - Title */ .window .window-title textarea, | ||
168 | /* Window - Description */ .window .description-content .edit textarea, | ||
169 | /* Window - Checklist Item - Textarea */ div.window-overlay div.checklist-item-details.editing > div > textarea, | ||
170 | /* Card - Inline Code */ .window .card-detail-item code, | ||
171 | /* Card - Embedded Code */ .window .card-detail-item pre, | ||
172 | /* Card - Quote */ .window .card-detail-item blockquote, | ||
173 | /* Home > Highlights > Issue */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-card a.canonical-stretch:hover, | ||
174 | /* Home > Highlights > Comment > Overflow */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div > .canonical-overflow-button, | ||
175 | /* Home > Highlights > Comment > Reply */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div > .canonical-comment-icon-button { | ||
176 | background: hsl(0, 0%, 20%) !important; | ||
177 | color: hsl(0, 0%, 80%) !important; | ||
178 | border-color: hsl(0, 0%, 15%) !important; | ||
179 | } | ||
180 | |||
181 | /* -- Layer 4 -- */ | ||
182 | Layer-4, | ||
183 | span.list-card-operation:hover /* Button: (pencil) */, | ||
184 | div.window .button-link:hover /* Window Overlay: Button Links */, | ||
185 | .boards-drawer input.js-search-boards:hover /* Board Search */, | ||
186 | .boards-drawer .sidebar-section-header-toggle-icon:hover, | ||
187 | .boards-drawer a.quiet-button:hover, | ||
188 | .boards-drawer-header, | ||
189 | a.js-new-tip:hover, a.js-tip:hover, .meta-link-list-item-link:hover, | ||
190 | .mod-notifications div.action-comment, | ||
191 | .window .button-link:hover, | ||
192 | .window .comment-box a:hover, | ||
193 | .window .confirm:hover, | ||
194 | .window .card-detail-window .attachment-thumbnail:hover, | ||
195 | .window .card-detail-item-add-button:hover, | ||
196 | .window .dark-hover:hover .icon-sm, | ||
197 | .window .js-format-help:hover, | ||
198 | .phenom.mod-unread, | ||
199 | /* Card - Comment - Card Link */ .phenom .comment-container a.known-service-link, | ||
200 | /* Card - Description - Card Link */ .window .card-detail-item a.known-service-link, | ||
201 | .list .list-card:hover .badge.is-voted, | ||
202 | /* Card - Inline Code */ .window .comment-container code, | ||
203 | /* Card - Embedded Code */ .window .comment-container pre, | ||
204 | /* Card - Quote */ .window .comment-container blockquote, | ||
205 | /* Home > Highlights > Comment > Overflow */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div > .canonical-overflow-button:hover, | ||
206 | /* Home > Highlights > Comment > Reply*/ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div > .canonical-comment-icon-button:hover { | ||
207 | background: hsl(0, 0%, 25%) !important; | ||
208 | color: hsl(0, 0%, 90%) !important; | ||
209 | border-color: hsl(0, 0%, 15%) !important; | ||
210 | } | ||
211 | |||
212 | /* -- Layer 5 -- */ | ||
213 | Layer-5, | ||
214 | .phenom.mod-unread:hover, | ||
215 | /* Card - Comment - Card Link */ .phenom .comment-container a.known-service-link:hover, | ||
216 | /* Card - Description - Card Link */ .window .card-detail-item a.known-service-link:hover { | ||
217 | background: hsl(0, 0%, 30%) !important; | ||
218 | color: hsl(0, 0%, 90%) !important; | ||
219 | border-color: hsl(0, 0%, 20%) !important; | ||
220 | } | ||
221 | |||
222 | /* -- Unlayered Elements -- */ | ||
223 | a /* Links */, | ||
224 | .header-search-icon { | ||
225 | color: hsl(0, 0%, 75%) !important; | ||
226 | } | ||
227 | |||
228 | a:hover /* Links */, | ||
229 | .header-search-icon:hover, | ||
230 | .header-search-icon-dark.header-search-icon:hover, | ||
231 | .card-composer .list-card-composer-textarea, | ||
232 | .window .card-detail-edit .field, | ||
233 | .window .comment-box .comment-box-input { | ||
234 | color: hsl(0, 0%, 95%) !important; | ||
235 | background: transparent !important; | ||
236 | } | ||
237 | |||
238 | .button-link { | ||
239 | box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5) !important; | ||
240 | } | ||
241 | |||
242 | .compact-board-tile-fade { | ||
243 | background: rgba(0, 0, 0, 0.88) !important; | ||
244 | } | ||
245 | |||
246 | div.tabbed-pane-nav { | ||
247 | border-color: hsl(0, 0%, 5%) !important; | ||
248 | } | ||
249 | |||
250 | div.tabbed-pane-main-col *, | ||
251 | div.mod-notifications .phenom { | ||
252 | border-color: hsl(0, 0%, 25%) !important; | ||
253 | } | ||
254 | |||
255 | div.tabbed-pane-main-col input.js-add-email, | ||
256 | div.tabbed-pane-main-col input.js-log-out-other, | ||
257 | div.tabbed-pane-main-col input.js-revoke, | ||
258 | form.js-profile-form input.js-submit-profile, | ||
259 | form.js-profile-form input.js-cancel-edit-profile, | ||
260 | .window .confirm { | ||
261 | box-shadow: none !important; | ||
262 | border-bottom-width: 1px !important; | ||
263 | border-bottom-style: solid !important; | ||
264 | border-color: transparent; | ||
265 | color: inherit; | ||
266 | } | ||
267 | |||
268 | .window .comment-box .comment-box-input:focus { | ||
269 | background: transparent !important; | ||
270 | } | ||
271 | |||
272 | /* Horizontal Bars */ | ||
273 | hr { | ||
274 | background: hsl(0, 0%, 5%) !important; | ||
275 | } | ||
276 | |||
277 | /* Phenom Entry */ | ||
278 | div.phenom { | ||
279 | margin-left: 0px; | ||
280 | margin-bottom: 2px; | ||
281 | padding: 10px 5px 8px 38px; | ||
282 | } | ||
283 | /* Phenom Entry > Member */ | ||
284 | div.phenom div.phenom-creator { | ||
285 | left: 5px; | ||
286 | } | ||
287 | /* Phenom Entry > Member */ | ||
288 | div.phenom.mod-other-type div.phenom-creator { | ||
289 | left: 12px; | ||
290 | } | ||
291 | |||
292 | /* List Card Details (Sticker) */ | ||
293 | .list-card .list-card-details, | ||
294 | /* List Card Details (Sticker) */ .list-card.is-stickered .list-card-details, | ||
295 | /* List Card Details (Sticker) */ .list-card.active-card.is-stickered .list-card-details, | ||
296 | /* Card Attachment */ .attachment-thumbnail.ui-sortable-helper, .attachment-thumbnail:hover .attachment-thumbnail-details { | ||
297 | background: none; | ||
298 | } | ||
299 | |||
300 | /* List > Header > Text */ | ||
301 | .list .list-header .list-header-name:not(.is-editing) { | ||
302 | border-color: transparent !important; | ||
303 | } | ||
304 | |||
305 | /* Card (Popover) - Expand Description */ | ||
306 | .window .card-detail-window .card-detail-item .description-content-fade-button { | ||
307 | background: linear-gradient( | ||
308 | 180deg, | ||
309 | hsla(0, 0%, 15%, 0), | ||
310 | hsla(0, 0%, 15%, 0) 370px, | ||
311 | hsla(0, 0%, 15%, 1) 400px | ||
312 | ); | ||
313 | } | ||
314 | .window | ||
315 | .card-detail-window | ||
316 | .card-detail-item | ||
317 | .description-content-fade-button | ||
318 | .description-content-fade-button-text { | ||
319 | background: transparent !important; | ||
320 | color: hsl(0, 0%, 70%) !important; | ||
321 | } | ||
322 | .window | ||
323 | .card-detail-window | ||
324 | .card-detail-item | ||
325 | .description-content-fade-button | ||
326 | .description-content-fade-button-text:hover { | ||
327 | background: transparent !important; | ||
328 | color: hsl(0, 0%, 80%) !important; | ||
329 | } | ||
330 | |||
331 | /* Card - Quote */ | ||
332 | .window .card-detail-item blockquote { | ||
333 | border-left: 5px rgba(0, 0, 0, 0.5) solid !important; | ||
334 | } | ||
335 | |||
336 | .window .comment-container .action-comment { | ||
337 | box-shadow: none !important; | ||
338 | } | ||
339 | |||
340 | /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- | ||
341 | Card Labels | ||
342 | ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ | ||
343 | .card-label-red { | ||
344 | background-color: hsl(0, 100%, 20%) !important; | ||
345 | } | ||
346 | .card-label-orange { | ||
347 | background-color: hsl(30, 100%, 20%) !important; | ||
348 | } | ||
349 | .card-label-yellow { | ||
350 | background-color: hsl(60, 100%, 20%) !important; | ||
351 | } | ||
352 | .card-label-lime { | ||
353 | background-color: hsl(90, 100%, 20%) !important; | ||
354 | } | ||
355 | .card-label-green { | ||
356 | background-color: hsl(120, 100%, 20%) !important; | ||
357 | } | ||
358 | .card-label-sky { | ||
359 | background-color: hsl(180, 100%, 20%) !important; | ||
360 | } | ||
361 | .card-label-blue { | ||
362 | /* Deep Blue has poor visibility in browsers, especially next to grays. */ | ||
363 | /*background-color: hsl(240, 100%, 20%) !important;*/ | ||
364 | background-color: hsl(220, 100%, 30%) !important; | ||
365 | } | ||
366 | .card-label-purple { | ||
367 | background-color: hsl(270, 100%, 20%) !important; | ||
368 | } | ||
369 | .card-label-purple { | ||
370 | background-color: hsl(300, 100%, 20%) !important; | ||
371 | } | ||
372 | .card-label-pink { | ||
373 | background-color: hsl(330, 100%, 20%) !important; | ||
374 | } | ||
375 | .card-label-black { | ||
376 | background-color: hsl(0, 0%, 0%) !important; | ||
377 | } | ||
378 | .card-label-null { | ||
379 | background-color: hsl(0, 0%, 30%) !important; | ||
380 | } | ||
381 | |||
382 | /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- | ||
383 | Card Aging | ||
384 | ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ | ||
385 | .aging-regular.aging-level-0 { | ||
386 | opacity: 1; | ||
387 | } | ||
388 | .aging-regular.aging-level-1 { | ||
389 | opacity: 0.9; | ||
390 | } | ||
391 | .aging-regular.aging-level-2 { | ||
392 | opacity: 0.8; | ||
393 | } | ||
394 | .aging-regular.aging-level-3 { | ||
395 | opacity: 0.7; | ||
396 | } | ||
397 | |||
398 | .aging-pirate.aging-level-0 { | ||
399 | background-image: none !important; | ||
400 | box-shadow: none; | ||
401 | opacity: 1; | ||
402 | } | ||
403 | .aging-pirate.aging-level-0.is-stickered .list-card-details, | ||
404 | .aging-pirate.aging-level-0 .list-card-details { | ||
405 | background-image: none !important; | ||
406 | background-color: transparent; | ||
407 | } | ||
408 | |||
409 | .aging-pirate.aging-level-1 { | ||
410 | background-image: none !important; | ||
411 | box-shadow: none; | ||
412 | opacity: 0.9; | ||
413 | } | ||
414 | .aging-pirate.aging-level-1.is-stickered .list-card-details, | ||
415 | .aging-pirate.aging-level-1 .list-card-details { | ||
416 | background-image: none !important; | ||
417 | background-color: transparent; | ||
418 | } | ||
419 | |||
420 | .aging-pirate.aging-level-2 { | ||
421 | background-image: none !important; | ||
422 | box-shadow: none; | ||
423 | opacity: 0.8; | ||
424 | } | ||
425 | .aging-pirate.aging-level-2.is-stickered .list-card-details, | ||
426 | .aging-pirate.aging-level-2 .list-card-details { | ||
427 | background-image: none !important; | ||
428 | background-color: transparent; | ||
429 | } | ||
430 | |||
431 | .aging-pirate.aging-level-3 { | ||
432 | background-image: none !important; | ||
433 | box-shadow: none; | ||
434 | opacity: 0.7; | ||
435 | } | ||
436 | .aging-pirate.aging-level-3.is-stickered .list-card-details, | ||
437 | .aging-pirate.aging-level-3 .list-card-details { | ||
438 | background-image: none !important; | ||
439 | background-color: transparent; | ||
440 | } | ||
441 | |||
442 | /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- | ||
443 | Home Area | ||
444 | ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ | ||
445 | .member-boards-view { | ||
446 | background-color: transparent !important; | ||
447 | } | ||
448 | |||
449 | /* Home > Highlights > Issue */ | ||
450 | div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-card a.canonical-stretch > div, | ||
451 | /* Home > Highlights > Comment */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div, | ||
452 | /* Home > Highlights > Comment */ div[class^="app-scripts-views-home-presentational-highlight"] > ul > li .canonical-comment > div > div > div > div { | ||
453 | background-color: transparent !important; | ||
454 | color: inherit !important; | ||
455 | } | ||
456 | |||
457 | /* Home > Starred/Viewed/Links */ | ||
458 | .home-board-link span > span { | ||
459 | color: hsl(0, 0%, 60%) !important; | ||
460 | } | ||
461 | |||
462 | /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- | ||
463 | Webkit-only here (Chrome, Opera, Steam) | ||
464 | ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ | ||
465 | ::-webkit-scrollbar { | ||
466 | background: transparent !important; | ||
467 | height: 12px !important; | ||
468 | width: 12px !important; | ||
469 | } | ||
470 | ::-webkit-scrollbar-button { | ||
471 | display: none !important; | ||
472 | } | ||
473 | ::-webkit-scrollbar-track { | ||
474 | background: transparent !important; | ||
475 | } | ||
476 | ::-webkit-scrollbar-track:horizontal { | ||
477 | margin-left: 4px !important; | ||
478 | margin-right: 4px !important; | ||
479 | } | ||
480 | ::-webkit-scrollbar-track:vertical { | ||
481 | margin-top: 4px !important; | ||
482 | margin-bottom: 4px !important; | ||
483 | } | ||
484 | ::-webkit-scrollbar-track-piece { | ||
485 | background: #050505 !important; | ||
486 | border-radius: 0px !important; | ||
487 | } | ||
488 | ::-webkit-scrollbar-thumb { | ||
489 | background: #222222 !important; | ||
490 | border-radius: 16px; | ||
491 | } | ||
492 | ::-webkit-scrollbar-thumb:hover { | ||
493 | box-shadow: inset 0 0 6px #777; | ||
494 | } | ||