PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-03 16:53:47 +03:00
Code Issues Actions 1 Packages Projects Releases 1 Wiki Activity

fix: update background color in achievements panel and list

Browse Source
This commit is contained in:
Hachi-R 2025-02-02 20:33:04 -03:00
parent 2e85363966
commit ad85528666
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/pages/achievements/achievement-panel.scss
View File

@ -3,7 +3,7 @@
.achievement-panel {
width: 100%;
padding: globals.$spacing-unit * 2 globals.$spacing-unit * 3;
background-color: globals.$dark-background-color;
background-color: globals.$background-color;
display: flex;
flex-direction: column;
align-items: start;

24
src/renderer/src/pages/achievements/achievements.scss
View File

@ -66,9 +66,9 @@ $logo-max-width: 200px;
&__table-header {
width: 100%;
background-color: var(--color-dark-background);
background-color: globals.$dark-background-color;
transition: all ease 0.2s;
border-bottom: solid 1px var(--color-border);
border-bottom: solid 1px globals.$border-color;
position: sticky;
top: 0;
z-index: 1;
@ -86,13 +86,13 @@ $logo-max-width: 200px;
gap: globals.$spacing-unit * 2;
padding: globals.$spacing-unit * 2;
width: 100%;
background-color: var(--color-background);
background-color: globals.$background-color;
}
&__item {
display: flex;
transition: all ease 0.1s;
color: var(--color-muted);
color: globals.$muted-color;
width: 100%;
overflow: hidden;
border-radius: 4px;
@ -102,7 +102,7 @@ $logo-max-width: 200px;
text-align: left;
&:hover {
background-color: rgba(255, 255, 255, 0.15);
background-color: globals.$border-color;
text-decoration: none;
}
@ -129,7 +129,7 @@ $logo-max-width: 200px;
&-hidden-icon {
display: flex;
color: var(--color-warning);
color: globals.$warning-color;
opacity: 0.8;
&:hover {
@ -164,7 +164,7 @@ $logo-max-width: 200px;
&--locked {
cursor: pointer;
color: var(--color-warning);
color: globals.$warning-color;
}
&-icon {
@ -219,12 +219,12 @@ $logo-max-width: 200px;
transition: all ease 0.2s;
&::-webkit-progress-bar {
background-color: rgba(255, 255, 255, 0.15);
background-color: globals.$border-color;
border-radius: 4px;
}
&::-webkit-progress-value {
background-color: var(--color-muted);
background-color: globals.$muted-color;
border-radius: 4px;
}
}
@ -236,7 +236,7 @@ $logo-max-width: 200px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-background);
background-color: globals.$background-color;
position: relative;
object-fit: cover;
@ -252,11 +252,11 @@ $logo-max-width: 200px;
justify-content: center;
width: 100%;
gap: math.div(globals.$spacing-unit, 2);
color: var(--color-body);
color: globals.$muted-color;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}