Skip to content

Commit 3b8ff88

Browse files
committed
chore(app): small style tweaks
1 parent 3622926 commit 3b8ff88

File tree

1 file changed

+15
-8
lines changed

1 file changed

+15
-8
lines changed

src/styles.scss

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ $nav-header-background-color: rgb(36, 36, 36);
77
$sidebar-primary-color: rgb(200, 200, 200);
88
$sidebar-background-color: rgb(36, 36, 36);
99

10-
$border: 1px solid color.adjust($primary-color, $alpha: -0.7);
10+
$border: 1px solid color.adjust($primary-color, $alpha: -0.9);
1111
$border-drop: 1px dashed $primary-color;
1212
$header-height: 2.5rem;
1313

@@ -73,7 +73,7 @@ header {
7373

7474
span > a {
7575
display: block;
76-
color: color.adjust($nav-header-primary-color, $alpha: -0.7);
76+
color: color.adjust($nav-header-primary-color, $alpha: -0.3);
7777
font-size: 2rem;
7878
text-decoration: none;
7979
}
@@ -137,18 +137,25 @@ header {
137137
}
138138

139139
a:hover {
140-
background-color: color.adjust($sidebar-background-color, $lightness: 5%);
140+
background-color: color.adjust($sidebar-background-color, $lightness: 2%);
141141
}
142142

143143
span {
144-
color: color.adjust($sidebar-primary-color, $alpha: -0.7);
144+
color: color.adjust($sidebar-primary-color, $alpha: -0.3);
145145
display: block;
146146
cursor: default;
147147
padding: 2rem 3rem;
148148
}
149149

150150
.active {
151151
font-style: italic;
152+
position: relative;
153+
&::before {
154+
color: darkred;
155+
content: '';
156+
position: absolute;
157+
transform: translateX(-1rem);
158+
}
152159
}
153160
}
154161

@@ -167,12 +174,12 @@ header {
167174
}
168175

169176
.uploadx-drop-active {
170-
background-color: color.adjust($background-color, $lightness: 10%);
177+
background-color: color.adjust($background-color, $lightness: 2%);
171178
border: $border-drop !important;
172179
}
173180

174181
button {
175-
background-color: color.adjust($background-color, $lightness: 8%);
182+
background-color: color.adjust($background-color, $lightness: 2%);
176183
border: $border;
177184
border-radius: 5px;
178185
color: $primary-color;
@@ -189,7 +196,7 @@ button {
189196
width: 6rem;
190197

191198
&:hover {
192-
background-color: color.adjust($background-color, $lightness: 15%);
199+
background-color: color.adjust($background-color, $lightness: 4%);
193200
}
194201
}
195202

@@ -222,7 +229,7 @@ input[type='file'] {
222229
flex-wrap: wrap;
223230
align-items: center;
224231
justify-content: flex-end;
225-
background-color: color.adjust($background-color, $lightness: 8%);
232+
background-color: color.adjust($background-color, $lightness: 2%);
226233
border-radius: 0 0 5px 5px;
227234

228235
span {

0 commit comments

Comments
 (0)