-
-
Notifications
You must be signed in to change notification settings - Fork 422
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[UI] New Icons + new Default Theme + CSS Variables Overhaul (#2384)
* feat: add new icons * feat: updated card and frontend assets * feat: add heroic icon to sidebar * feat: add figma colors * ui: update button colors * feat: add new theme * feat: better anti-cheat box * feat: check for anticheat on macOS * ui: updated colors variables * ui: adjust anticheat box alignment * fix: library item should be active on gamepage * wip: fix some themes * Revert "wip: fix some themes" This reverts commit f9c9b7b. * fix: setting icon * ui: use fallback variables to fix the old themes * ui: more style updates * fix: anticheatbox width and margins * ui: dm and other style fixes * ui: updated settings icon and more fixes * ui: add different icons to anticheat info * ui: summary improvements * ui: color updates * ui: button states changes * ui: update colors and set new default theme * fix: sideload dialog image width * fix: remove button title on not available game * fix: add default theme to context provider * ui: fix action icon colors * ui: game list update * chore: remove unused variables * feat: add community themes to the list * other: move default variables to colors.scss and update theme selector * ui: more color fixes * fix_ action icon colors * fix: fix built-in themes * fix: game submenu hover * fix: marine colors * ui: small fixes on nord light theme
- Loading branch information
1 parent
4c112ca
commit 5e9003e
Showing
52 changed files
with
1,008 additions
and
707 deletions.
There are no files selected for viewing
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
.anticheatInfo { | ||
display: flex; | ||
max-width: 560px; | ||
padding: var(--space-md); | ||
gap: 0.4rem; | ||
border-radius: 20px; | ||
background-color: var(--current-background); | ||
margin-bottom: var(--space-lg); | ||
|
||
.statusInfo { | ||
flex-direction: column; | ||
display: flex; | ||
padding-left: var(--space-md); | ||
} | ||
} | ||
|
||
.anticheatInfo h4 { | ||
margin: 0 0 var(--space-md); | ||
} | ||
|
||
.anticheatInfo p { | ||
margin: 0 0 var(--space-md); | ||
} | ||
|
||
.anticheatInfo.Denied { | ||
border: 2px solid var(--anticheat-denied); | ||
.statusIcon path { | ||
fill: var(--anticheat-denied); | ||
} | ||
} | ||
.anticheatInfo.Broken { | ||
border: 2px solid var(--anticheat-broken); | ||
.statusIcon path { | ||
fill: var(--anticheat-broken); | ||
} | ||
} | ||
.anticheatInfo.Running { | ||
border: 2px solid var(--anticheat-running); | ||
.statusIcon path { | ||
fill: var(--anticheat-running); | ||
} | ||
} | ||
.anticheatInfo.Supported { | ||
border: 2px solid var(--anticheat-supported); | ||
.statusIcon path { | ||
fill: var(--anticheat-supported); | ||
} | ||
} | ||
.anticheatInfo.Planned { | ||
border: 2px solid var(--anticheat-planned); | ||
.statusIcon path { | ||
fill: var(--anticheat-planned); | ||
} | ||
} |
Oops, something went wrong.