|
2 | 2 | // @name Dark Theme for Planka |
3 | 3 | // @description Redirect to a random SearXNG instance in case of error and empty result |
4 | 4 | // @icon https://external-content.duckduckgo.com/ip3/planka.cloud.ico |
5 | | -// @version 0.1 |
| 5 | +// @version 0.2 |
6 | 6 | // @downloadURL https://userscripts.codonaft.com/planka-dark-theme.user.js |
| 7 | +// @grant GM_addStyle |
7 | 8 | // ==/UserScript== |
8 | 9 |
|
9 | 10 | (_ => { |
|
12 | 13 | if (performance.getEntriesByType('navigation')[0]?.responseStatus !== 200) return; |
13 | 14 | if (window.location.hostname !== 'localhost' || !document.head?.querySelector('meta[name="description"]')?.content?.startsWith('Planka ')) return; |
14 | 15 |
|
15 | | -try { |
16 | | - const style = document.createElement('style'); |
17 | | - style.innerHTML = ` |
18 | | - div[class^="Card_name__"] { |
19 | | - color: #ccc !important; |
20 | | - } |
21 | | - div[class^="List_headerName__"], div[class^="List_outerWrapper__"] { |
22 | | - color: #eee !important; |
23 | | - background: #333 !important; |
24 | | - background-color: #333 !important; |
25 | | - span { |
26 | | - color: #fff !important; |
27 | | - background: #222 !important; |
28 | | - background-color: #222 !important; |
29 | | - } |
30 | | - } |
31 | | - button[class^="List_addCardButton__"] { |
32 | | - color: #eee !important; |
33 | | - background: #333 !important; |
34 | | - background-color: #333 !important; |
35 | | - span { |
36 | | - color: #fff !important; |
37 | | - background: #333 !important; |
38 | | - background-color: #333 !important; |
39 | | - } |
40 | | - } |
41 | | - i, textarea, span, button, div[class^="CardModal_headerWrapper__"], div[class^="Card_details__"], div[class^="ui grid CardModal_grid__"], div[class^="CardModal_moduleHeader__"], div[class^="Activities_moduleHeader__"], div.markdown-body pre { |
| 16 | +GM_addStyle(` |
| 17 | + div[class^="Card_name__"] { |
| 18 | + color: #ccc !important; |
| 19 | + } |
| 20 | + div[class^="List_headerName__"], div[class^="List_outerWrapper__"] { |
| 21 | + color: #eee !important; |
| 22 | + background: #333 !important; |
| 23 | + background-color: #333 !important; |
| 24 | + span { |
42 | 25 | color: #fff !important; |
43 | 26 | background: #222 !important; |
44 | 27 | background-color: #222 !important; |
45 | 28 | } |
46 | | - div[class^="Card_card__"] { |
47 | | - box-shadow: 0 1px 0 #000000; |
| 29 | + } |
| 30 | + button[class^="List_addCardButton__"] { |
| 31 | + color: #eee !important; |
| 32 | + background: #333 !important; |
| 33 | + background-color: #333 !important; |
| 34 | + span { |
| 35 | + color: #fff !important; |
| 36 | + background: #333 !important; |
| 37 | + background-color: #333 !important; |
48 | 38 | } |
49 | | - `; |
50 | | - document.body.appendChild(style); |
51 | | -} catch (e) { |
52 | | - console.error(e); |
53 | | -} |
| 39 | + } |
| 40 | + i, textarea, span, button, div[class^="CardModal_headerWrapper__"], div[class^="Card_details__"], div[class^="ui grid CardModal_grid__"], div[class^="CardModal_moduleHeader__"], div[class^="Activities_moduleHeader__"], div.markdown-body pre { |
| 41 | + color: #fff !important; |
| 42 | + background: #222 !important; |
| 43 | + background-color: #222 !important; |
| 44 | + } |
| 45 | + div[class^="Card_card__"] { |
| 46 | + box-shadow: 0 1px 0 #000000; |
| 47 | + } |
| 48 | +`); |
54 | 49 | })(); |
0 commit comments