diff --git a/README.md b/README.md
index 8a4d6745..98c89ab7 100644
--- a/README.md
+++ b/README.md
@@ -2,37 +2,28 @@
A skin to make Steam look more like a native GNOME app
-
-
-## Current state and plans
-
-* **Main Window**: Done.
-* **Login**: Done
-* **Library**: Done
-* **Small Mode**: Done.
-* **Chat**: Done
-* **Settings**: Mostly done.
-* **New Overlay**: Mostly done.
-* **New Big Picture**: Not done.
-* **Recoloring**: Colors can be changed via making a new theme. See [colorthemes](/adwaita/colorthemes) dir.
-* **Light Themes**: Not currently planned, though may now be more feasible with the new UI.
+
+ 
+
+ 
+
### Limitations
* **Steam updates may reset theme**: While the installer will patch steam files in order to theme the interface, these files may be reset by steam updates. If this happens, you will need to reinstall to repatch them.
-* **Rounded corners**: Not all elements can be rounded, use [Rounded Window Corners extension](https://github.com/yilozt/rounded-window-corners) or [mutter-rounded](https://github.com/yilozt/mutter-rounded) on GNOME.
-* **Steam website pages (Store/Community/Profiles/Etc)**: No longer themable with our current method.
+* **Rounded corners**: Not all elements can be rounded, use [Rounded Window Corners Reborn extension](https://github.com/flexagoon/rounded-window-corners) on GNOME.
+* **Steam website pages (Store/Community/Profiles/etc)**: No longer themable with our current method.
* **Position of notifications**: Doesn't seem to be possible to change.
-* **Height of sidebar items**: Doesn't seem to be possible to increase.
+* **Height of game list entries**: Doesn't seem to be possible to increase.
## Requirements
* [Python 3](https://www.python.org/downloads/)
* The skin is created and tested mostly on the Linux version of Steam. Steam's new UI has largely unified platform differences, so other platforms should work, but are not a priority.
-## Previews
+## Color themes
-Previews
+Color theme previews
### Adwaita
@@ -42,6 +33,10 @@ A skin to make Steam look more like a native GNOME app
+### Canta
+
+
+
### Catppuccin-Frappe
@@ -58,6 +53,10 @@ A skin to make Steam look more like a native GNOME app
+### Everforest
+
+
+
### Gruvbox
@@ -116,14 +115,14 @@ cd Adwaita-for-Steam
#### Arguments
-| Argument | Short | Required Values | Description |
-| ---------------- | ------ | ---------------------------------- | -------------------------------------------------------- |
-| --color-theme | -c | [Colortheme](/adwaita/colorthemes) | Change color theme |
-| --custom-css | | | Enable [custom css](/custom) |
-| --extras | -e | [Extra](adwaita/extras) | Enable one or multiple theme extras |
-| --list-options | -l | | List available themes and extras |
-| --target | -t | normal / flatpak / [custom dir] | Choose target location for install (default: both) |
-| --uninstall | -u | | Uninstall theme |
+| Argument | Short | Required Values | Description |
+|----------------|-------|------------------------------------|----------------------------------------------------|
+| --color-theme | -c | [Colortheme](/adwaita/colorthemes) | Change color theme |
+| --custom-css | | | Enable [custom css](/custom) |
+| --extras | -e | [Extra](adwaita/extras) | Enable one or multiple theme extras |
+| --list-options | -l | | List available themes and extras |
+| --target | -t | normal / flatpak / [custom dir] | Choose target location for install (default: both) |
+| --uninstall | -u | | Uninstall theme |
#### Example Usage
diff --git a/adwaita/css/_root/icons.css b/adwaita/css/_root/icons.css
index f89ac020..20bdcc28 100644
--- a/adwaita/css/_root/icons.css
+++ b/adwaita/css/_root/icons.css
@@ -51,4 +51,5 @@
--adw-icon-update: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogICAgPHBhdGggZD0ibSA4IDAgYyAtMC4yNTc4MTIgMCAtMC41MTE3MTkgMC4wOTc2NTYyIC0wLjcwNzAzMSAwLjI5Mjk2OSBsIC0xLjcwNzAzMSAxLjcwNzAzMSBoIC0yLjU4NTkzOCBjIC0wLjU1MDc4MSAwIC0xIDAuNDQ5MjE5IC0xIDEgdiAyLjU4NTkzOCBsIC0xLjcwNzAzMSAxLjcwNzAzMSBjIC0wLjM5MDYyNTIgMC4zOTA2MjUgLTAuMzkwNjI1MiAxLjAyMzQzNyAwIDEuNDE0MDYyIGwgMS43MDcwMzEgMS43MDcwMzEgdiAyLjU4NTkzOCBjIDAgMC41NTA3ODEgMC40NDkyMTkgMSAxIDEgaCAyLjU4NTkzOCBsIDEuNzA3MDMxIDEuNzA3MDMxIGMgMC4zOTA2MjUgMC4zOTA2MjUgMS4wMjM0MzcgMC4zOTA2MjUgMS40MTQwNjIgMCBsIDEuNzA3MDMxIC0xLjcwNzAzMSBoIDIuNTg1OTM4IGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHYgLTIuNTg1OTM4IGwgMS43MDcwMzEgLTEuNzA3MDMxIGMgMC4zOTA2MjUgLTAuMzkwNjI1IDAuMzkwNjI1IC0xLjAyMzQzNyAwIC0xLjQxNDA2MiBsIC0xLjcwNzAzMSAtMS43MDcwMzEgdiAtMi41ODU5MzggYyAwIC0wLjU1MDc4MSAtMC40NDkyMTkgLTEgLTEgLTEgaCAtMi41ODU5MzggbCAtMS43MDcwMzEgLTEuNzA3MDMxIGMgLTAuMTk1MzEyIC0wLjE5NTMxMjggLTAuNDQ5MjE5IC0wLjI5Mjk2OSAtMC43MDcwMzEgLTAuMjkyOTY5IHogbSAwIDUgYyAwLjI1NzgxMiAwIDAuNTExNzE5IDAuMDk3NjU2IDAuNzA3MDMxIDAuMjkyOTY5IGwgMiAyIGMgMC4xODM1OTQgMC4xODc1IDAuMjg5MDYzIDAuNDQxNDA2IDAuMjg1MTU3IDAuNzA3MDMxIGggMC4wMDc4MTIgdiAxIGggLTIgdiAyIGggLTIgdiAtMiBoIC0yIHYgLTEgaCAwLjAwNzgxMiBjIC0wLjAwMzkwNiAtMC4yNjU2MjUgMC4xMDE1NjMgLTAuNTE5NTMxIDAuMjg1MTU3IC0wLjcwNzAzMSBsIDIgLTIgYyAwLjE5NTMxMiAtMC4xOTUzMTMgMC40NDkyMTkgLTAuMjkyOTY5IDAuNzA3MDMxIC0wLjI5Mjk2OSB6IG0gMCAwIi8+Cjwvc3ZnPg==');
--adw-icon-contact-new: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMWEzIDMgMCAxIDAgLjAwMiA2LjAwMkEzIDMgMCAwIDAgOCAxek02LjUgOEE0LjQ5MSA0LjQ5MSAwIDAgMCAyIDEyLjV2LjVjMCAxLjExLjg5IDIgMiAyaDZ2LTFIN3YtNGgzVjguMDI3QTQuMjQzIDQuMjQzIDAgMCAwIDkuNSA4ek0xMSA4djNIOHYyaDN2M2gydi0zaDN2LTJoLTNWOHptMCAwIi8+PC9zdmc+');
+ --adw-icon-call-ongoing: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0ibSA1LjAwMzkwNiAyIGMgMC41NTQ2ODggMCAxIDAuNDQ1MzEyIDEgMSB2IDMgYyAwIDAuNTU0Njg4IC0wLjQ0NTMxMiAxIC0xIDEgaCAtMC43MTA5MzcgYyAwLjY3MTg3NSAyLjI2NTYyNSAyLjQ0NTMxMiA0LjA0Mjk2OSA0LjcxMDkzNyA0LjcxMDkzOCB2IC0wLjcxMDkzOCBjIDAgLTAuNTU0Njg4IDAuNDQ5MjE5IC0xIDEgLTEgaCAzIGMgMC41NTQ2ODggMCAxIDAuNDQ1MzEyIDEgMSB2IDEuNSBjIDAgMS4zNzg5MDYgLTEuMTE3MTg3IDIuNSAtMi41IDIuNSBoIC0wLjUgYyAtNS41MDM5MDYgMCAtMTAgLTQuNDk2MDk0IC0xMCAtMTAgdiAtMC41IGMgMCAtMS4zNzg5MDYgMS4xMjEwOTQgLTIuNSAyLjUgLTIuNSB6IG0gMCAwIi8+PHBhdGggZD0ibSA4IDQgdiAyIGMgMS4xMTcxODggMCAyIDAuODgyODEyIDIgMiBoIDIgYyAwIC0yLjE5OTIxOSAtMS44MDA3ODEgLTQgLTQgLTQgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gOCAxIHYgMiBjIDIuNzczNDM4IDAgNSAyLjIyNjU2MiA1IDUgaCAyIGMgMCAtMy44NTU0NjkgLTMuMTQ0NTMxIC03IC03IC03IHogbSAwIDAiLz48L2c+PC9zdmc+Cg==');
}
diff --git a/adwaita/css/chat/messages.css b/adwaita/css/chat/messages.css
index ac9603bf..fca5592e 100644
--- a/adwaita/css/chat/messages.css
+++ b/adwaita/css/chat/messages.css
@@ -59,6 +59,7 @@ html.client_chat_frame
width: 0 !important;
flex-grow: 1 !important;
height: 34px !important;
+ padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border-radius: var(--adw-button-radius) !important;
@@ -126,7 +127,7 @@ html.client_chat_frame
opacity: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
- margin-left: -27px !important;
+ margin-left: -5px !important;
transform: none !important;
}
@@ -150,7 +151,7 @@ html.client_chat_frame
opacity: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
- margin-left: -27px !important;
+ margin-left: -5px !important;
transform: none !important;
}
@@ -159,11 +160,18 @@ html.client_chat_frame
display: flex !important;
flex-grow: 1 !important;
justify-content: center !important;
- -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 8px), rgba(0, 0, 0, 0)) !important;
+ -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 20px), rgba(0, 0, 0, 0)) !important;
+ padding: 0 6px !important;
+ transition: padding 250ms var(--adw-base-transition-curve) !important;
div._2XZq-_f6npaQdAgeRzKIkz:hover &, div._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ &
{
- -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) calc(100% - 16px), rgba(0, 0, 0, 0)) !important;
+ -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 36px), rgba(0, 0, 0, 0) calc(100% - 28px), rgba(0, 0, 0, 0)) !important;
+ }
+
+ div._2XZq-_f6npaQdAgeRzKIkz._3oBG-wxQS7a_pEKk1hBUPx &
+ {
+ padding: 0 28px !important;
}
div.friend
@@ -183,6 +191,11 @@ html.client_chat_frame
div.labelHolder
{
height: fit-content !important;
+
+ div._3sxE7F1LV2IcSX68YsH9dI
+ {
+ display: none !important;
+ }
}
div.nOdcT-MoOaXGePXLyPe0H, div._1HNpQBKKKQ1tG2OZH3CSsh
@@ -199,10 +212,10 @@ html.client_chat_frame
}
}
- div._1JXI4j2_xSpVK1YjyEuebr
+ div._1JXI4j2_xSpVK1YjyEuebr, div.c9l09VKqQIXJvsl0gqItO
{
position: absolute !important;
- right: 4px !important;
+ top: 5px !important;
width: 24px !important;
height: 24px !important;
padding: 4px !important;
@@ -211,6 +224,11 @@ html.client_chat_frame
margin: 0 !important;
opacity: 0 !important;
cursor: default !important;
+ }
+
+ div._1JXI4j2_xSpVK1YjyEuebr
+ {
+ right: 4px !important;
&:hover
{
@@ -245,6 +263,24 @@ html.client_chat_frame
-webkit-mask-image: var(--adw-icon-window-close);
}
}
+
+ div.c9l09VKqQIXJvsl0gqItO
+ {
+ left: 4px !important;
+ opacity: 1 !important;
+ background: none !important;
+
+ svg
+ {
+ padding: 0 !important;
+ margin: 0 !important;
+
+ *
+ {
+ fill: rgb(var(--adw-headerbar-fg-rgb)) !important;
+ }
+ }
+ }
}
}
}
@@ -271,6 +307,13 @@ html.client_chat_frame
min-height: 0 !important;
}
+ div.OneOnOneVoiceRoomControls
+ {
+ background: rgb(var(--adw-window-bg-rgb)) !important;
+ box-shadow: none !important;
+ height: 46px !important;
+ }
+
div.chatRoomGroupNavColumn, div.MemberListColumn
{
background: rgb(var(--adw-secondary-sidebar-bg-rgb)) !important;
@@ -345,7 +388,7 @@ html.client_chat_frame
position: sticky;
height: 4px;
left: 0;
- right: 0;
+ right: calc(var(--adw-scrollbar-size) * -1);
z-index: 100;
pointer-events: none;
}
diff --git a/adwaita/css/chat/sidebar.css b/adwaita/css/chat/sidebar.css
index 2528b5b0..13643bef 100644
--- a/adwaita/css/chat/sidebar.css
+++ b/adwaita/css/chat/sidebar.css
@@ -4,6 +4,7 @@ html.client_chat_frame
div.friendlist > *,
div.friendListHeaderContainer,
div.friendlistListContainer,
+ div.chatRoomListContainer,
div._18bmBH7zyngCgHtgY3IEL_
{
background: var(--adw-local-sidebar-bg) !important;
@@ -18,189 +19,418 @@ html.client_chat_frame
flex-direction: column !important;
min-height: fit-content !important;
box-shadow: none !important;
- }
-
- div.socialTabSearchContainer
- {
- order: -1 !important;
- div.socialListTab
+ div.socialTabSearchContainer
{
- padding: 0 !important;
- margin: 0 !important;
- height: 46px !important;
- transition: height 200ms var(--adw-base-transition-curve) !important;
- background: none !important;
- color: inherit !important;
- display: flex !important;
- flex-direction: column !important;
- place-items: normal !important;
+ order: -1 !important;
- div.tabSearchTransitionGroup
+ div.socialListTab
{
- transition: height 200ms var(--adw-base-transition-curve);
- opacity: 1 !important;
- height: 0 !important;
- z-index: -1 !important;
- pointer-events: none !important;
- overflow: hidden !important;
- position: relative !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ height: 46px !important;
+ transition: height 200ms var(--adw-base-transition-curve) !important;
+ background: none !important;
+ color: inherit !important;
+ display: flex !important;
+ flex-direction: column !important;
+ place-items: normal !important;
- div.tabSearchTransition
+ div.tabSearchTransitionGroup
{
+ transition: height 200ms var(--adw-base-transition-curve);
opacity: 1 !important;
- position: absolute !important;
- bottom: 0 !important;
- width: 100% !important;
+ height: 0 !important;
+ z-index: -1 !important;
+ pointer-events: none !important;
+ overflow: hidden !important;
+ position: relative !important;
+
+ div.tabSearchTransition
+ {
+ opacity: 1 !important;
+ position: absolute !important;
+ bottom: 0 !important;
+ width: 100% !important;
+ }
+ }
+
+ div.tabLabel
+ {
+ box-sizing: border-box !important;
+ height: 46px !important;
+ flex: none !important;
+ display: grid !important;
+ grid-template-columns: 1fr !important;
+ align-items: center !important;
+ padding: 12px !important;
+ margin: 0 !important;
+ background: inherit !important;
+ color: inherit !important;
+ font-family: var(--adw-text-font) !important;
+ font-size: var(--adw-text-header-size) !important;
+ font-weight: var(--adw-text-header-weight) !important;
+ line-height: normal !important;
+ letter-spacing: normal !important;
+ text-align: center !important;
+ text-transform: none !important;
+ white-space: nowrap !important;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ border: none !important;
+ width: auto !important;
+ opacity: 1 !important;
+ }
+
+ div.friendsTabButtonsContainer
+ {
+ padding: 0 !important;
+ margin: 0 !important;
+ height: 0 !important;
+ transition: height var(--adw-base-transition-curve) !important;
+ background: none !important;
+ opacity: 1 !important;
+ }
+
+ div.TabSearchButton
+ {
+ padding: 0 !important;
+ margin: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ background: none !important;
+ opacity: 1 !important;
+ }
+
+ &.TabSearchActive
+ {
+ height: 86px !important;
+
+ div.tabSearchTransitionGroup
+ {
+ height: 34px !important;
+ z-index: 1 !important;
+ pointer-events: all !important;
+ }
+
+ div.friendsTabButtonsContainer
+ {
+ height: 34px !important;
+ }
+ }
+
+ form.socialInputContainer
+ {
+ transform: none !important;
+ padding: 0 !important;
+ margin: 0 6px !important;
+ max-height: fit-content !important;
+ position: relative !important;
+ opacity: 1 !important;
+
+ div.inputContainer
+ {
+ margin: 0 !important;
+ padding: 0 !important;
+ min-height: 34px !important;
+ border-radius: var(--adw-button-radius) !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-button-bg-opacity)) !important;
+ box-shadow: none !important;
+ transition: var(--adw-button-transition) !important;
+
+ &:focus-within
+ {
+ box-shadow: var(--adw-focus-border) !important;
+ }
+
+ input, input::placeholder
+ {
+ background: transparent !important;
+ color: rgb(var(--adw-headerbar-fg-rgb)) !important;
+ font-size: var(--adw-text-base-size) !important;
+ font-weight: var(--adw-text-base-weight) !important;
+ font-family: var(--adw-text-font) !important;
+ font-style: normal !important;
+ letter-spacing: normal !important;
+ margin: 0 !important;
+ padding: 0 34px 0 34px !important;
+ box-shadow: none !important;
+ border: none !important;
+ height: 34px !important;
+ line-height: 34px !important;
+ overflow: hidden !important;
+ }
+
+ input::placeholder
+ {
+ color: rgba(var(--adw-headerbar-fg-rgb), 0.5) !important;
+ padding: 0 !important;
+ }
+
+ &::before
+ {
+ content: "";
+ background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity));
+ pointer-events: none;
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 9px;
+ left: 9px;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ -webkit-mask-size: 16px;
+ -webkit-mask-image: var(--adw-icon-search);
+ }
+
+ div.friendSearchClear
+ {
+ cursor: default !important;
+ width: 16px !important;
+ height: 16px !important;
+ right: 9px !important;
+ top: 9px !important;
+ transition: none !important;
+
+ svg
+ {
+ display: none !important;
+ }
+
+ &::before
+ {
+ background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity));
+ content: "";
+ display: block;
+ width: 16px;
+ height: 16px;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ -webkit-mask-size: 16px;
+ -webkit-mask-image: var(--adw-icon-entry-clear);
+ }
+
+ &:hover::before
+ {
+ background-color: rgb(var(--adw-headerbar-fg-rgb));
+ }
+ }
+ }
}
}
- div.tabLabel
+ div.searchIconButton, div.friendListButton
{
+ -webkit-app-region: no-drag;
+ cursor: default !important;
box-sizing: border-box !important;
- height: 46px !important;
- flex: none !important;
- display: grid !important;
- grid-template-columns: 1fr !important;
- align-items: center !important;
- padding: 12px !important;
+ width: 34px !important;
+ height: 34px !important;
+ min-width: 34px !important;
+ min-height: 34px !important;
+ max-width: 34px !important;
+ max-height: 34px !important;
+ padding: 0 !important;
margin: 0 !important;
- background: inherit !important;
- color: inherit !important;
+ background: transparent !important;
+ border-radius: var(--adw-button-radius) !important;
+ color: rgb(var(--adw-headerbar-fg-rgb)) !important;
font-family: var(--adw-text-font) !important;
- font-size: var(--adw-text-header-size) !important;
- font-weight: var(--adw-text-header-weight) !important;
- line-height: normal !important;
- letter-spacing: normal !important;
- text-align: center !important;
- text-transform: none !important;
- white-space: nowrap !important;
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- border: none !important;
- width: auto !important;
+ font-size: var(--adw-text-title3-size) !important;
+ font-weight: var(--adw-text-title3-weight) !important;
+ line-height: 24px !important;
+ transition: var(--adw-button-transition) !important;
+ display: flex !important;
+
+ &:hover
+ {
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important;
+ }
+
+ &:active
+ {
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important;
+ }
+
+ svg
+ {
+ display: none !important;
+ }
+
+ &::before
+ {
+ background-color: rgb(var(--adw-headerbar-fg-rgb));
+ content: "";
+ display: block;
+ width: 16px;
+ height: 16px;
+ margin: 9px;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ -webkit-mask-size: 16px;
+ }
+ }
+
+ div.searchIconButton
+ {
+ position: absolute !important;
+ top: 6px !important;
+ left: calc(var(--adw-windowcontrols-margin-left) + 6px) !important;
opacity: 1 !important;
+
+ &::before
+ {
+ -webkit-mask-image: var(--adw-icon-search);
+ }
}
- div.friendsTabButtonsContainer
+ div.friendListButton
{
- padding: 0 !important;
- margin: 0 !important;
- height: 0 !important;
- transition: height var(--adw-base-transition-curve) !important;
+ position: absolute !important;
+ top: 6px !important;
+ right: calc(var(--adw-windowcontrols-margin-right) + 6px) !important;
background: none !important;
- opacity: 1 !important;
+
+ &::before
+ {
+ -webkit-mask-image: var(--adw-icon-contact-new);
+ }
}
- div.TabSearchButton
+ div.friendsTabButtonsContainer > a
{
- padding: 0 !important;
margin: 0 !important;
+ padding: 0 !important;
width: 0 !important;
height: 0 !important;
- background: none !important;
- opacity: 1 !important;
}
- &.TabSearchActive
+ div.TabSearchActive div.searchIconButton
{
- height: 86px !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important;
- div.tabSearchTransitionGroup
+ &:hover
{
- height: 34px !important;
- z-index: 1 !important;
- pointer-events: all !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important;
}
- div.friendsTabButtonsContainer
+ &:active
{
- height: 34px !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important;
}
}
+ }
- form.socialInputContainer
+ div.currentUserContainer
+ {
+ &, div.AvatarAndUser
{
- transform: none !important;
padding: 0 !important;
- margin: 0 6px !important;
- max-height: fit-content !important;
- position: relative !important;
- opacity: 1 !important;
+ margin: 0 !important;
+ border: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ }
- div.inputContainer
+ div.AvatarAndUser
+ {
+ div.currentUserAvatar
{
- margin: 0 !important;
+ -webkit-app-region: no-drag;
+ cursor: default !important;
+ box-sizing: border-box !important;
+ width: 34px !important;
+ height: 34px !important;
padding: 0 !important;
- min-height: 34px !important;
+ margin: 0 !important;
+ background: transparent !important;
border-radius: var(--adw-button-radius) !important;
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-button-bg-opacity)) !important;
- box-shadow: none !important;
transition: var(--adw-button-transition) !important;
+ transform: none !important;
- &:focus-within
- {
- box-shadow: var(--adw-focus-border) !important;
- }
+ position: absolute !important;
+ top: 6px !important;
+ left: calc(var(--adw-windowcontrols-margin-left) + 46px) !important;
- input, input::placeholder
+ &:hover
{
- background: transparent !important;
- color: rgb(var(--adw-headerbar-fg-rgb)) !important;
- font-size: var(--adw-text-base-size) !important;
- font-weight: var(--adw-text-base-weight) !important;
- font-family: var(--adw-text-font) !important;
- font-style: normal !important;
- letter-spacing: normal !important;
- margin: 0 !important;
- padding: 0 34px 0 34px !important;
- box-shadow: none !important;
- border: none !important;
- height: 34px !important;
- line-height: 34px !important;
- overflow: hidden !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important;
}
- input::placeholder
+ &:active
{
- color: rgba(var(--adw-headerbar-fg-rgb), 0.5) !important;
- padding: 0 !important;
+ background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important;
}
- &::before
+ div.nibodjvvrm86uCfnnAn4g
{
- content: "";
- background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity));
- pointer-events: none;
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- top: 9px;
- left: 9px;
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center;
- -webkit-mask-size: 16px;
- -webkit-mask-image: var(--adw-icon-search);
+ width: 28px !important;
+ height: 28px !important;
+ margin: 3px !important;
}
+ }
+
+ div.labelHolder
+ {
+ display: none !important;
+ }
+ }
+ }
- div.friendSearchClear
+ div.activeVoiceControls
+ {
+ height: 40px !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ border: none !important;
+ background: none !important;
+
+ div.buttonsContainer
+ {
+ height: 34px !important;
+ padding: 0 4px !important;
+ margin: 0 6px 6px 6px !important;
+ background: rgb(var(--adw-accent-bg-rgb)) !important;
+ border-radius: var(--adw-button-radius) !important;
+ display: flex !important;
+ justify-items: center !important;
+
+ div.activeVoiceFlexBox
+ {
+ flex-grow: 1 !important;
+ justify-items: center !important;
+
+ div.activeVoiceLabels
{
- cursor: default !important;
- width: 16px !important;
- height: 16px !important;
- right: 9px !important;
- top: 9px !important;
- transition: none !important;
+ display: flex !important;
+ flex-direction: row !important;
+ gap: 8px !important;
+ align-items: center;
+ flex-grow: 1 !important;
+ padding: 0 0 0 6px !important;
+ margin: 0 !important;
- svg
+ div.activeVoiceHeader
{
display: none !important;
}
+ div.activeVoiceName
+ {
+ color: rgb(var(--adw-accent-fg-rgb)) !important;
+ font-family: var(--adw-text-font) !important;
+ text-transform: none !important;
+ letter-spacing: normal !important;
+ line-height: normal !important;
+ font-size: var(--adw-text-base-size) !important;
+ font-weight: var(--adw-text-base-weight) !important;
+ cursor: default !important;
+ }
+
&::before
{
- background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity));
+ background-color: rgb(var(--adw-accent-fg-rgb));
content: "";
display: block;
width: 16px;
@@ -208,265 +438,171 @@ html.client_chat_frame
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: 16px;
- -webkit-mask-image: var(--adw-icon-entry-clear);
+ -webkit-mask-image: var(--adw-icon-call-ongoing);
}
+ }
+
+ div.activeVoiceButtons
+ {
+ min-width: fit-content !important;
+ flex-grow: 0 !important;
+ gap: 3px !important;
- &:hover::before
+ button
{
- background-color: rgb(var(--adw-headerbar-fg-rgb));
- }
- }
- }
- }
- }
+ width: 24px !important;
+ height: 24px !important;
+ min-width: 24px !important;
+ min-height: 24px !important;
+ padding: 4px !important;
+ box-sizing: border-box !important;
+ border-radius: 50% !important;
+ margin: 0 !important;
+ cursor: default !important;
- div.searchIconButton, div.friendListButton
- {
- -webkit-app-region: no-drag;
- cursor: default !important;
- box-sizing: border-box !important;
- width: 34px !important;
- height: 34px !important;
- min-width: 34px !important;
- min-height: 34px !important;
- max-width: 34px !important;
- max-height: 34px !important;
- padding: 0 !important;
- margin: 0 !important;
- background: transparent !important;
- border-radius: var(--adw-button-radius) !important;
- color: rgb(var(--adw-headerbar-fg-rgb)) !important;
- font-family: var(--adw-text-font) !important;
- font-size: var(--adw-text-title3-size) !important;
- font-weight: var(--adw-text-title3-weight) !important;
- line-height: 24px !important;
- transition: var(--adw-button-transition) !important;
- display: flex !important;
+ div, svg
+ {
+ padding: 0 !important;
+ margin: 0 !important;
+ width: 16px !important;
+ height: 16px !important;
+
+ *
+ {
+ fill: rgb(var(--adw-accent-fg-rgb)) !important;
+ }
+ }
- &:hover
- {
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important;
- }
+ &, &:focus
+ {
+ background: none !important;
+ }
- &:active
- {
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important;
- }
+ &:hover
+ {
+ background: rgba(var(--adw-accent-fg-rgb), var(--adw-hover-opacity)) !important;
+ }
- svg
- {
- display: none !important;
- }
+ &:active
+ {
+ background: rgba(var(--adw-accent-fg-rgb), var(--adw-active-opacity)) !important;
+ }
- &::before
- {
- background-color: rgb(var(--adw-headerbar-fg-rgb));
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- margin: 9px;
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center;
- -webkit-mask-size: 16px;
- }
- }
+ &:focus-visible
+ {
+ box-shadow: var(--adw-focus-border-thin) !important;
+ }
+ }
- div.searchIconButton
- {
- position: absolute !important;
- top: 6px !important;
- left: calc(var(--adw-windowcontrols-margin-left) + 6px) !important;
- opacity: 1 !important;
+ div.activeVoiceButtonsSpacer, div.activeVoiceButtonsSpacerAfter
+ {
+ display: none !important;
+ }
+ }
+ }
- &::before
- {
- -webkit-mask-image: var(--adw-icon-search);
+ div.connectionStatusLabels
+ {
+ margin: 0 !important;
+ }
}
- }
-
- div.friendListButton
- {
- position: absolute !important;
- top: 6px !important;
- right: calc(var(--adw-windowcontrols-margin-right) + 6px) !important;
- background: none !important;
&::before
{
- -webkit-mask-image: var(--adw-icon-contact-new);
+ content: none !important;
}
}
- div.friendsTabButtonsContainer > a
+ div.quickAccessFriends
{
margin: 0 !important;
- padding: 0 !important;
- width: 0 !important;
- height: 0 !important;
- }
+ padding: 2px 6px 6px 6px !important;
+ width: auto !important;
+ min-height: fit-content !important;
- div.TabSearchActive div.searchIconButton
- {
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important;
-
- &:hover
- {
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important;
- }
+ display: grid !important;
+ grid-template-columns: repeat(auto-fill, 36px) !important;
+ grid-gap: 3px !important;
+ justify-content: space-between !important;
- &:active
- {
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important;
- }
- }
- }
-
- div.currentUserContainer
- {
- &, div.AvatarAndUser
- {
- padding: 0 !important;
- margin: 0 !important;
- border: 0 !important;
- width: 0 !important;
- height: 0 !important;
- }
-
- div.AvatarAndUser
- {
- div.currentUserAvatar
+ div.favoriteElement
{
- -webkit-app-region: no-drag;
cursor: default !important;
- box-sizing: border-box !important;
- width: 34px !important;
- height: 34px !important;
- padding: 0 !important;
- margin: 0 !important;
- background: transparent !important;
- border-radius: var(--adw-button-radius) !important;
- transition: var(--adw-button-transition) !important;
- transform: none !important;
-
- position: absolute !important;
- top: 6px !important;
- left: calc(var(--adw-windowcontrols-margin-left) + 46px) !important;
+ width: 36px !important;
+ height: 36px !important;
+ transition: width 200ms, height 200ms !important;
+ flex-shrink: 0 !important;
- &:hover
+ div.quickAccessFriend, div.nibodjvvrm86uCfnnAn4g, div.ChatRoomGroupAvatar
{
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ width: 100% !important;
+ height: 100% !important;
+ transition: width 200ms, height 200ms !important;
+ cursor: default !important;
}
- &:active
+ div.ChatRoomGroupAvatar
{
- background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important;
+ border: none !important;
+ transform: none !important;
+
+ div.ChatRoomGroupAvatar_initials
+ {
+ padding: 0 !important;
+ margin: 0 !important;
+ box-shadow: inset 0 0 0 1px rgba(var(--adw-user-offline-rgb), 0.5) !important;
+ }
}
- div.nibodjvvrm86uCfnnAn4g
+ div.playerNameQuickAccessContainer, div.clanName
{
- width: 28px !important;
- height: 28px !important;
- margin: 3px !important;
+ display: none !important;
}
}
- div.labelHolder
+ &.emptyQuickAccess
{
- display: none !important;
- }
- }
- }
-
- div.quickAccessFriends
- {
- margin: 0 !important;
- padding: 0 6px 6px 6px !important;
- width: auto !important;
- min-height: fit-content !important;
-
- display: grid !important;
- grid-template-columns: repeat(auto-fill, 36px) !important;
- grid-gap: 3px !important;
- justify-content: space-between !important;
-
- div.favoriteElement
- {
- cursor: default !important;
- width: 36px !important;
- height: 36px !important;
- transition: width 200ms, height 200ms !important;
- flex-shrink: 0 !important;
-
- div.quickAccessFriend, div.nibodjvvrm86uCfnnAn4g, div.ChatRoomGroupAvatar
- {
- padding: 0 !important;
margin: 0 !important;
- width: 100% !important;
- height: 100% !important;
- transition: width 200ms, height 200ms !important;
- cursor: default !important;
+ padding: 0 !important;
}
- div.ChatRoomGroupAvatar
+ &.compactQuickAccess
{
- border: none !important;
- transform: none !important;
-
- div.ChatRoomGroupAvatar_initials
+ display: flex !important;
+ gap: 3px !important;
+ flex-wrap: nowrap !important;
+ justify-content: flex-start !important;
+ overflow-x: auto !important;
+ overflow-y: hidden !important;
+
+ div.favoriteElement
{
- padding: 0 !important;
- margin: 0 !important;
- box-shadow: inset 0 0 0 1px rgba(var(--adw-user-offline-rgb), 0.5) !important;
+ width: 28px !important;
+ height: 28px !important;
}
}
- div.playerNameQuickAccessContainer, div.clanName
+ div.dropTargetBox
{
- display: none !important;
+ margin: 0 4px 4px 4px !important;
}
- }
-
- &.emptyQuickAccess
- {
- margin: 0 !important;
- padding: 0 !important;
- }
- &.compactQuickAccess
- {
- display: flex !important;
- gap: 3px !important;
- flex-wrap: nowrap !important;
- justify-content: flex-start !important;
- overflow-x: auto !important;
- overflow-y: hidden !important;
-
- div.favoriteElement
+ div.quickAccessFriendsMessage
{
- width: 28px !important;
- height: 28px !important;
+ position: absolute !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ bottom: 0 !important;
+ padding: 4px !important;
+ margin: 0 !important;
+ align-self: center !important;
+ font-size: 12px !important;
+ line-height: 14px !important;
}
}
-
- div.dropTargetBox
- {
- margin: 0 4px 4px 4px !important;
- }
-
- div.quickAccessFriendsMessage
- {
- position: absolute !important;
- top: 0 !important;
- left: 0 !important;
- right: 0 !important;
- bottom: 0 !important;
- padding: 4px !important;
- margin: 0 !important;
- align-self: center !important;
- font-size: 12px !important;
- line-height: 14px !important;
- }
}
div.FriendsListContent
@@ -494,11 +630,13 @@ html.client_chat_frame
div.friendlistListContainer, div.chatRoomListContainer
{
+ scrollbar-gutter: stable !important;
+
div.listContentContainer
{
display: flex !important;
flex-direction: column !important;
- padding: 6px 0 !important;
+ padding: 0 !important;
overflow: visible !important;
overflow-x: clip !important;
min-height: calc(100% - 20px) !important;
@@ -518,7 +656,7 @@ html.client_chat_frame
div.groupHeaderContainer, div.friendCategoryContainer, div.ChatRoomListGroupItem
{
padding: 0 6px !important;
- margin: 0 6px 2px 6px !important;
+ margin: 0 calc(6px - var(--adw-scrollbar-size)) 2px 6px !important;
background: none !important;
cursor: default !important;
font-family: var(--adw-text-font) !important;
@@ -663,11 +801,33 @@ html.client_chat_frame
div._3sxE7F1LV2IcSX68YsH9dI
{
- &, div
+ display: flex !important;
+ flex-direction: row !important;
+ gap: 4px !important;
+ color: inherit !important;
+ font-size: 10px !important;
+ line-height: 12px !important;
+ mask: linear-gradient(to right, black calc(100% - 8px), rgba(0, 0, 0, 0.15) 100%) !important;
+
+ div
{
color: inherit !important;
font-size: 10px !important;
line-height: 12px !important;
+ mask: none !important;
+ flex-shrink: 0 !important;
+ align-items: center;
+
+ &:not(:first-child)::before
+ {
+ content: "";
+ width: 4px;
+ height: 4px;
+ margin-right: 4px;
+ margin-top: 2px;
+ border-radius: 50%;
+ background: currentColor;
+ }
}
}
@@ -731,7 +891,7 @@ html.client_chat_frame
position: absolute;
height: 4px;
left: 0;
- right: 0;
+ right: calc(var(--adw-scrollbar-size) * -1);
z-index: 1;
pointer-events: none;
background: var(--adw-local-sidebar-bg);
@@ -778,7 +938,7 @@ html.client_chat_frame
div.searchSteamSuggestion
{
- color: rgb(var(--adw-popover-fg-rgb)) !important;
+ color: rgb(var(--adw-headerbar-fg-rgb)) !important;
font-family: var(--adw-text-font) !important;
text-transform: none !important;
letter-spacing: normal !important;
@@ -789,7 +949,7 @@ html.client_chat_frame
a
{
- color: rgba(var(--adw-popover-fg-rgb), var(--adw-dim-label-opacity)) !important;
+ color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity)) !important;
font-family: var(--adw-text-font) !important;
text-transform: none !important;
letter-spacing: normal !important;
@@ -805,7 +965,7 @@ html.client_chat_frame
position: sticky;
height: 4px;
left: 0;
- right: 0;
+ right: calc(var(--adw-scrollbar-size) * -1);
z-index: 0;
pointer-events: none;
}
@@ -822,4 +982,17 @@ html.client_chat_frame
box-shadow: inset 0 -1px rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75));
}
}
+
+ div.chatRoomListContainer
+ {
+ div.ChatRoomList
+ {
+ padding: 0 !important;
+ }
+
+ &::before, &::after
+ {
+ content: none !important;
+ }
+ }
}
diff --git a/adwaita/css/dialogs/pagedsettings/dialog.css b/adwaita/css/dialogs/pagedsettings/dialog.css
index 951eb36e..2bebd3c3 100644
--- a/adwaita/css/dialogs/pagedsettings/dialog.css
+++ b/adwaita/css/dialogs/pagedsettings/dialog.css
@@ -23,7 +23,7 @@ body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div[class*="pagedsett
body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div._EebF_xe4DGRZ9a0XkyDj,
body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div._18QCu-7MTzd51UpVbYysDy
{
- padding: 6px !important;
+ padding: 6px calc(6px - var(--adw-scrollbar-size)) 6px 6px !important;
margin: 0 !important;
gap: 2px !important;
}
@@ -214,7 +214,7 @@ body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div._18QCu-7MTzd51UpVbYysDy
scrollbar-gutter: stable !important;
position: relative !important;
overflow-x: hidden !important;
- overflow-y: overlay !important;
+ overflow-y: auto !important;
}
/* Scroll shadow: background overlays */
@@ -258,7 +258,7 @@ body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div._2kwFFHckg8jvnwJfg9-la8 > div._2r
height: 4px;
top: 46px;
left: 0;
- right: 0;
+ right: calc(var(--adw-scrollbar-size) * -1);
z-index: 1;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)), transparent 4px);
diff --git a/adwaita/css/dialogs/settings.css b/adwaita/css/dialogs/settings.css
index 63c228d9..cca41e4c 100644
--- a/adwaita/css/dialogs/settings.css
+++ b/adwaita/css/dialogs/settings.css
@@ -711,7 +711,7 @@ body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div._19z_50-qWZWxcgXfWNtSWb div._1CJe
column-gap: 3px !important;
padding: 0 !important;
scroll-padding: 0 !important;
- overflow-x: overlay !important;
+ overflow-x: auto !important;
}
body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.gamepadtabbedpage_TabRow_19z_5 div.gamepadtabbedpage_FixCenterAlignScroll_1CJeU::-webkit-scrollbar,
diff --git a/adwaita/css/main/library/details/details.css b/adwaita/css/main/library/details/details.css
index 0ac175e6..b85fd157 100644
--- a/adwaita/css/main/library/details/details.css
+++ b/adwaita/css/main/library/details/details.css
@@ -19,7 +19,7 @@ body.DesktopUI div._2iE-78WxX2Pj4GHbq7YJiA img._3_IUVzR9tpG_JKEjhwXEAb
body.DesktopUI div[class*="appdetails_Container_"] div[class*="appdetails_Glassy_"],
body.DesktopUI div._2iE-78WxX2Pj4GHbq7YJiA div._3FmxxjyWNHU1PrBGnBe6tm
{
- overflow-y: overlay !important;
+ overflow-y: auto !important;
}
/* `Scroll to Top` Button */
diff --git a/adwaita/css/main/library/sidebar/gamelist.css b/adwaita/css/main/library/sidebar/gamelist.css
index 7f86513d..18166a9d 100644
--- a/adwaita/css/main/library/sidebar/gamelist.css
+++ b/adwaita/css/main/library/sidebar/gamelist.css
@@ -6,7 +6,7 @@ body.DesktopUI div._2-O4ZG0KrnSrzISHBKctFQ
{
height: 26px !important;
line-height: 26px !important;
- margin: 0 6px !important;
+ margin: 0 calc(6px - var(--adw-scrollbar-size)) 0 6px !important;
background: none !important;
cursor: default !important;
font-family: var(--adw-text-font) !important;
diff --git a/adwaita/css/main/library/sidebar/sidebar.css b/adwaita/css/main/library/sidebar/sidebar.css
index 9641c61a..5a0d2252 100644
--- a/adwaita/css/main/library/sidebar/sidebar.css
+++ b/adwaita/css/main/library/sidebar/sidebar.css
@@ -27,7 +27,7 @@ body.DesktopUI div._1rDh5rXSFZJOqCa4UpnI4z > div._3x1HklzyDs4TEjACrRO2tB > div._
position: absolute;
height: 4px;
left: 0;
- right: 0;
+ right: calc(var(--adw-scrollbar-size) * -1);
z-index: 0;
pointer-events: none;
}
diff --git a/adwaita/css/widgets/scrollbars.css b/adwaita/css/widgets/scrollbars.css
index 6a4c245d..236acddb 100644
--- a/adwaita/css/widgets/scrollbars.css
+++ b/adwaita/css/widgets/scrollbars.css
@@ -1,3 +1,8 @@
+:root
+{
+ --adw-scrollbar-size: 2px;
+}
+
body.DesktopUI,
html.client_chat_frame
{
@@ -5,6 +10,21 @@ html.client_chat_frame
{
appearance: none !important;
background: transparent !important;
- display: none !important;
+ width: var(--adw-scrollbar-size) !important;
+ height: var(--adw-scrollbar-size) !important;
+ }
+
+ ::-webkit-scrollbar-thumb
+ {
+ --adw-scrollbar-opacity: 0.1;
+ background: rgba(var(--adw-window-fg-rgb), var(--adw-scrollbar-opacity)) !important;
+ border: none !important;
+ border-radius: 0 !important;
+ z-index: 20 !important;
+ }
+
+ :hover::-webkit-scrollbar-thumb
+ {
+ --adw-scrollbar-opacity: 0.2;
}
}
diff --git a/install_windows.bat b/install_windows.bat
index 92b75501..a98a4bc3 100644
--- a/install_windows.bat
+++ b/install_windows.bat
@@ -59,39 +59,43 @@ GOTO INSTALL_SECTION
ECHO --- Colortheme ---
ECHO 1) adwaita
ECHO 2) breeze
-ECHO 3) catppuccin-frappe
-ECHO 4) catppuccin-macchiato
-ECHO 5) catppuccin-mocha
-ECHO 6) dracula
-ECHO 7) gruvbox
-ECHO 8) kate
-ECHO 9) metro
-ECHO 10) nord
-ECHO 11) one-pro
-ECHO 12) pop
-ECHO 13) tokyo-night
-ECHO 14) tomorrow-night
-ECHO 15) vapor
-ECHO 16) vgui2
-ECHO 17) yaru
+ECHO 3) canta
+ECHO 4) catppuccin-frappe
+ECHO 5) catppuccin-macchiato
+ECHO 6) catppuccin-mocha
+ECHO 7) dracula
+ECHO 8) everforest
+ECHO 9) gruvbox
+ECHO 10) kate
+ECHO 11) metro
+ECHO 12) nord
+ECHO 13) one-pro
+ECHO 14) pop
+ECHO 16) tokyo-night
+ECHO 17) tomorrow-night
+ECHO 18) vapor
+ECHO 19) vgui2
+ECHO 19) yaru
SET /p MENUCHOICE="Enter a number: "
IF %MENUCHOICE%==1 SET CHOSEN_COLORTHEME=adwaita
IF %MENUCHOICE%==2 SET CHOSEN_COLORTHEME=breeze
-IF %MENUCHOICE%==3 SET CHOSEN_COLORTHEME=catppuccin-frappe
-IF %MENUCHOICE%==4 SET CHOSEN_COLORTHEME=catppuccin-macchiato
-IF %MENUCHOICE%==5 SET CHOSEN_COLORTHEME=catppuccin-mocha
-IF %MENUCHOICE%==6 SET CHOSEN_COLORTHEME=dracula
-IF %MENUCHOICE%==7 SET CHOSEN_COLORTHEME=gruvbox
-IF %MENUCHOICE%==8 SET CHOSEN_COLORTHEME=kate
-IF %MENUCHOICE%==9 SET CHOSEN_COLORTHEME=metro
-IF %MENUCHOICE%==10 SET CHOSEN_COLORTHEME=nord
-IF %MENUCHOICE%==11 SET CHOSEN_COLORTHEME=one-pro
-IF %MENUCHOICE%==12 SET CHOSEN_COLORTHEME=pop
-IF %MENUCHOICE%==13 SET CHOSEN_COLORTHEME=tokyo-night
-IF %MENUCHOICE%==14 SET CHOSEN_COLORTHEME=tomorrow-night
-IF %MENUCHOICE%==15 SET CHOSEN_COLORTHEME=vapor
-IF %MENUCHOICE%==16 SET CHOSEN_COLORTHEME=vgui2
-IF %MENUCHOICE%==17 SET CHOSEN_COLORTHEME=yaru
+IF %MENUCHOICE%==3 SET CHOSEN_COLORTHEME=canta
+IF %MENUCHOICE%==4 SET CHOSEN_COLORTHEME=catppuccin-frappe
+IF %MENUCHOICE%==5 SET CHOSEN_COLORTHEME=catppuccin-macchiato
+IF %MENUCHOICE%==6 SET CHOSEN_COLORTHEME=catppuccin-mocha
+IF %MENUCHOICE%==7 SET CHOSEN_COLORTHEME=dracula
+IF %MENUCHOICE%==8 SET CHOSEN_COLORTHEME=everforest
+IF %MENUCHOICE%==9 SET CHOSEN_COLORTHEME=gruvbox
+IF %MENUCHOICE%==10 SET CHOSEN_COLORTHEME=kate
+IF %MENUCHOICE%==11 SET CHOSEN_COLORTHEME=metro
+IF %MENUCHOICE%==12 SET CHOSEN_COLORTHEME=nord
+IF %MENUCHOICE%==13 SET CHOSEN_COLORTHEME=one-pro
+IF %MENUCHOICE%==14 SET CHOSEN_COLORTHEME=pop
+IF %MENUCHOICE%==15 SET CHOSEN_COLORTHEME=tokyo-night
+IF %MENUCHOICE%==16 SET CHOSEN_COLORTHEME=tomorrow-night
+IF %MENUCHOICE%==17 SET CHOSEN_COLORTHEME=vapor
+IF %MENUCHOICE%==18 SET CHOSEN_COLORTHEME=vgui2
+IF %MENUCHOICE%==19 SET CHOSEN_COLORTHEME=yaru
ECHO.
ECHO --- General ---
diff --git a/screenshot.png b/screenshot.png
deleted file mode 100644
index abf6e61d..00000000
Binary files a/screenshot.png and /dev/null differ
diff --git a/screenshots/library.png b/screenshots/library.png
new file mode 100644
index 00000000..f3efafc3
Binary files /dev/null and b/screenshots/library.png differ
diff --git a/screenshots/store.png b/screenshots/store.png
new file mode 100644
index 00000000..811c6983
Binary files /dev/null and b/screenshots/store.png differ
diff --git a/theme.json b/theme.json
index ff01ac90..de2770c9 100644
--- a/theme.json
+++ b/theme.json
@@ -1,7 +1,7 @@
{
"name": "Adwaita for Steam",
"author": "tk",
- "version": "v2.7",
+ "version": "v2.8",
"manifest_version": 8,
"description": "A skin to make Steam look more like a native GNOME app",
"target": "Desktop",