|
1 | 1 | /* ==UserStyle== |
2 | 2 | @name steamtradematcher.com - Dark Mode [Customizable] |
3 | 3 | @namespace typpi.online |
4 | | -@version 1.3.1 |
| 4 | +@version 1.3.2 |
5 | 5 | @description Darker mode for Steam Trade Matcher |
6 | 6 | @author Nick2bad4u |
7 | 7 | @license UnLicense |
|
14 | 14 | @var color card-header-background "Card Header Background" #5BA32B61 |
15 | 15 | @var color text-light-color "Text Light Color" #F8F9FA |
16 | 16 | @var color icon-color "Icon Color" #5BA32BB8 |
| 17 | +@var color button-color "Button Color" #20C99726 |
| 18 | +@var color alert-color "Alert Color" #C00E0E |
17 | 19 | ==/UserStyle== */ |
18 | 20 | @-moz-document domain("steamtradematcher.com") |
19 | 21 | { |
|
31 | 33 | color: var(--text-color) !important; |
32 | 34 | } |
33 | 35 |
|
| 36 | + option:nth-child(n) |
| 37 | + { |
| 38 | + background: var(--background-color) !important; |
| 39 | + background-color: var(--background-color) !important; |
| 40 | + color: var(--text-light-color) !important; |
| 41 | + } |
| 42 | + |
| 43 | + .form-control, |
| 44 | + .form-select |
| 45 | + { |
| 46 | + background-color: var(--background-color) !important; |
| 47 | + color: var(--text-light-color) !important; |
| 48 | + } |
| 49 | + |
| 50 | + .form-control:focus, |
| 51 | + .form-select:focus |
| 52 | + { |
| 53 | + background-color: var(--background-color) !important; |
| 54 | + border-color: var(--background-color) !important; |
| 55 | + box-shadow: 0 0 0 .25rem var(--card-header-background) !important; |
| 56 | + color: var(--text-light-color) !important; |
| 57 | + } |
| 58 | + |
| 59 | + .btn-gold |
| 60 | + { |
| 61 | + --bs-btn-color: #fff; |
| 62 | + --bs-btn-bg: #060606; |
| 63 | + --bs-btn-border-color: var(--button-color); |
| 64 | + --bs-btn-hover-color: #fff; |
| 65 | + --bs-btn-hover-bg: var(--button-color); |
| 66 | + --bs-btn-hover-border-color: var(--button-color); |
| 67 | + --bs-btn-focus-shadow-rgb: 230, 172, 89; |
| 68 | + --bs-btn-active-color: #fff; |
| 69 | + --bs-btn-active-bg: var(--button-color); |
| 70 | + --bs-btn-active-border-color: var(--text-color); |
| 71 | + --bs-btn-active-shadow: inset 0 3px 5px var(--button-color); |
| 72 | + --bs-btn-disabled-color: #fff; |
| 73 | + --bs-btn-disabled-bg: var(--button-color); |
| 74 | + --bs-btn-disabled-border-color: var(--button-color); |
| 75 | + } |
| 76 | + |
| 77 | + .btn-check:focus + .btn, |
| 78 | + .btn:focus |
| 79 | + { |
| 80 | + box-shadow: var(--bs-btn-focus-box-shadow); |
| 81 | + outline: 0; |
| 82 | + } |
| 83 | + |
| 84 | + .btn |
| 85 | + { |
| 86 | + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--card-header-background), .5) !important; |
| 87 | + } |
| 88 | + |
34 | 89 | .card-body |
35 | 90 | { |
36 | 91 | background: var(--card-body-background) !important; |
|
55 | 110 | color: var(--text-light-color) !important; |
56 | 111 | } |
57 | 112 |
|
58 | | - .fa-classic, .fa-regular, .fa-solid, .far, .fas |
| 113 | + .fa-classic, |
| 114 | + .fa-regular, |
| 115 | + .fa-solid, |
| 116 | + .far, |
| 117 | + .fas |
59 | 118 | { |
60 | 119 | color: var(--icon-color) !important; |
61 | 120 | } |
62 | 121 |
|
| 122 | + .fa-stack-1x, |
| 123 | + .fa-stack-2x |
| 124 | + { |
| 125 | + color: var(--alert-color); |
| 126 | + } |
| 127 | + |
| 128 | + .text-success.fa-stack-1x |
| 129 | + { |
| 130 | + color: var(--icon-color) !important; |
| 131 | + } |
| 132 | + |
| 133 | + .fa-check-circle::before, |
| 134 | + .fa-circle-check::before |
| 135 | + { |
| 136 | + content: "\f058"; |
| 137 | + color: var(--card-body-background); |
| 138 | + } |
| 139 | + |
63 | 140 | *, |
64 | 141 | :root |
65 | 142 | { |
|
0 commit comments