Skip to content

Commit f5d9eff

Browse files
committed
chore(css): bump version to 1.3.2 and add customizable button and alert colors
1 parent d13121c commit f5d9eff

1 file changed

Lines changed: 79 additions & 2 deletions

File tree

SteamTradeMatcher-DarkMode.user.css

Lines changed: 79 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* ==UserStyle==
22
@name steamtradematcher.com - Dark Mode [Customizable]
33
@namespace typpi.online
4-
@version 1.3.1
4+
@version 1.3.2
55
@description Darker mode for Steam Trade Matcher
66
@author Nick2bad4u
77
@license UnLicense
@@ -14,6 +14,8 @@
1414
@var color card-header-background "Card Header Background" #5BA32B61
1515
@var color text-light-color "Text Light Color" #F8F9FA
1616
@var color icon-color "Icon Color" #5BA32BB8
17+
@var color button-color "Button Color" #20C99726
18+
@var color alert-color "Alert Color" #C00E0E
1719
==/UserStyle== */
1820
@-moz-document domain("steamtradematcher.com")
1921
{
@@ -31,6 +33,59 @@
3133
color: var(--text-color) !important;
3234
}
3335

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+
3489
.card-body
3590
{
3691
background: var(--card-body-background) !important;
@@ -55,11 +110,33 @@
55110
color: var(--text-light-color) !important;
56111
}
57112

58-
.fa-classic, .fa-regular, .fa-solid, .far, .fas
113+
.fa-classic,
114+
.fa-regular,
115+
.fa-solid,
116+
.far,
117+
.fas
59118
{
60119
color: var(--icon-color) !important;
61120
}
62121

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+
63140
*,
64141
:root
65142
{

0 commit comments

Comments
 (0)