From 4081bd6540826642bc47e9c4d45a05a9ef44cff3 Mon Sep 17 00:00:00 2001 From: SpaceEnergy Date: Thu, 12 Sep 2024 03:20:40 +0200 Subject: [PATCH] v1.1.0.1-alpha --- friends.custom.css | 32 +----- menu.custom.css | 14 +-- options/experimental.css | 178 ++++++++++++++++------------- options/experimental.js | 8 +- options/navigateButton.css | 3 + skin.json | 59 +++++----- src/css/friends/chat.css | 12 +- src/css/friends/list.css | 4 +- src/css/regular.css | 1 + src/css/steam/gamepage.css | 14 +-- src/css/steam/libHome.css | 2 +- src/css/steam/modalDialogPopup.css | 93 +++++++++++++++ src/css/steam/newsModal.css | 24 ++-- src/css/steam/sidebar.css | 8 +- src/css/steam/titlebar.css | 7 +- 15 files changed, 287 insertions(+), 172 deletions(-) create mode 100644 options/navigateButton.css create mode 100644 src/css/steam/modalDialogPopup.css diff --git a/friends.custom.css b/friends.custom.css index 038683f..7330763 100644 --- a/friends.custom.css +++ b/friends.custom.css @@ -5,46 +5,22 @@ -body { - background-color: rgb(var(--background)) !important; -} - .singleWindowFocusBar { mask: unset; -webkit-mask: unset; background: unset; } -.friendsListContainer, -.multiChatDialog { - height: calc(100% - 48px); - margin: 32px 16px 16px; -} - -/* Title Bar */ .TitleBar { top: -32px; width: calc(100% + 32px); - height: 32px; - min-height: 32px; margin-left: -16px; } -.TitleBar .title-area-highlight { - mask: unset; - -webkit-mask: unset; - background: unset; -} -.TitleBar .title-area-icon { - width: 42px; -} -.TitleBar .title-area-icon:hover { - background-color: rgb(var(--color-3)); -} -.TitleBar .title-area-icon:hover .SVGIcon_Button rect, -.TitleBar .title-area-icon:hover .SVGIcon_Button line, -.TitleBar .title-area-icon:hover .SVGIcon_Button polyline { - stroke: #dddddd; +.friendsListContainer, +.multiChatDialog { + height: calc(100% - 48px); + margin: 32px 16px 16px; } \ No newline at end of file diff --git a/menu.custom.css b/menu.custom.css index 4642fa0..bb3f346 100644 --- a/menu.custom.css +++ b/menu.custom.css @@ -3,11 +3,11 @@ body.DesktopUI { background: unset !important; } -body.DesktopUI .LQkrbbayZPY11qHm01t7F { +body.DesktopUI .PP7LM0Ow1K5qkR8WElLpt { background: unset; } -body.DesktopUI ._2y2tUbsMx8OIwkimGSyHmb { +body.DesktopUI ._2EstNjFIIZm_WUSKm5Wt7n { padding: 6px !important; border: 2px solid rgb(var(--color-5)); border-radius: 8px; @@ -15,23 +15,23 @@ body.DesktopUI ._2y2tUbsMx8OIwkimGSyHmb { } /* Items */ -body.DesktopUI .pFo3kQOzrl9qVLPXXGIMp { +body.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI { padding: 6px 12px; font-weight: 500; border-radius: 8px; color: #9c9c9c; } -body.DesktopUI .pFo3kQOzrl9qVLPXXGIMp:hover { +body.DesktopUI ._1n7Wloe5jZ6fSuvV18NNWI:hover { color: #fff; background-color: rgb(var(--color-2)); } -body.DesktopUI ._1F2EcTc-0vNkdiBz8ATakM._1F2EcTc-0vNkdiBz8ATakM+.pFo3kQOzrl9qVLPXXGIMp { +body.DesktopUI .WUOrULWKkGLl3ZUQdDXg8.WUOrULWKkGLl3ZUQdDXg8+._1n7Wloe5jZ6fSuvV18NNWI { border: none; } /* Divider */ body.DesktopUI ._2jXHP0742MyApMUVUM8IFn._21GPYlKBCLsHQpTsHw_RL_, -body.DesktopUI ._1F2EcTc-0vNkdiBz8ATakM { +body.DesktopUI .WUOrULWKkGLl3ZUQdDXg8 { width: auto; height: 3px; margin: 2px 6px; @@ -42,7 +42,7 @@ body.DesktopUI ._1F2EcTc-0vNkdiBz8ATakM { } /* Hide last Divider from tray menu */ -body.DesktopUI ._1F2EcTc-0vNkdiBz8ATakM:nth-last-child(1) { +body.DesktopUI .WUOrULWKkGLl3ZUQdDXg8:nth-last-child(1) { display: none; } diff --git a/options/experimental.css b/options/experimental.css index 1f0f72c..61f9a55 100644 --- a/options/experimental.css +++ b/options/experimental.css @@ -41,83 +41,6 @@ -/* -! Downloadbar -*/ -._1_yS5UP7el0aN4vntx3dx { - visibility: hidden; - height: 0; -} -._1_yS5UP7el0aN4vntx3dx:has(.yZ55NhARZGx1Awk2qs8pS) { - visibility: visible; - height: unset; -} - -._1_yS5UP7el0aN4vntx3dx>div:has(._2iJsgdTIX9Tj23rWnB7Q-c) { - display: none; -} - -._3vCzSrrXZzZjVJFZNg9SGu { - flex: unset; - margin-top: 12px; - padding: 12px; - border-radius: 8px; - background-color: rgb(var(--color-2)); - box-shadow: none !important; -} - -/* Hide Add Game & Friends button */ -._2foCkpRXhqq0UGVE50BWqj, -._1TdaAqMFadi0UTqilrkelR { - display: none; -} - -/* Progress */ -.ip-YZhijAMZcuRoXBGiye { - width: 100%; - padding: 0; -} - -._2VtAqT03BpBsVdmxwptn9D { - flex-direction: column; - align-items: unset; - gap: 6px; - width: 100%; -} - -/* Icon */ -._2VtAqT03BpBsVdmxwptn9D ._1KrJ3sFAqPBN9mfpaNTU5F { - display: flex; - align-items: center; - gap: 6px; - width: unset; - height: unset; - margin-bottom: -17px; - box-shadow: none; -} -._2VtAqT03BpBsVdmxwptn9D ._1KrJ3sFAqPBN9mfpaNTU5F ._3d_bT685lnWotXxgzKW6am.yDr03475kalWBTwAE-Rnw { - width: 32px; - height: 32px; -} - -._2VtAqT03BpBsVdmxwptn9D ._21vPQjHoo0uwud5lfCD_x- { - display: none; -} - -/* Progressbar */ -._2_FomluqqgQ2Hx8ON3AVep ._1xCcFYWIrJ7W8WRDmGvR3y { - justify-content: flex-end; -} - -._2_FomluqqgQ2Hx8ON3AVep .wi0pDywRgOCxhG7OqQNaA { - --color-progress-bar-foreground: rgb(var(--accent-2)); - --color-progress-bar-background: rgb(var(--background)); -} -.yZ55NhARZGx1Awk2qs8pS._1CcdviLW6hebdTPh-3a7DC::after { - border-radius: 8px; -} - - /* ! Userpannel */ @@ -182,12 +105,21 @@ height: 28px; } -._2Szzh5sKyGgnLUR870zbDE { +._3cykd-VfN_xBxf3Qxriccm ._1TdaAqMFadi0UTqilrkelR { + flex-shrink: unset; + align-items: center; + justify-content: center; + padding: 0; +} + +._2Szzh5sKyGgnLUR870zbDE, +._1TdaAqMFadi0UTqilrkelR { border-radius: 8px !important; background-color: rgb(var(--color-3)) !important; transition: background-color 0.15s ease-in-out; } -._2Szzh5sKyGgnLUR870zbDE:hover { +._2Szzh5sKyGgnLUR870zbDE:hover, +._1TdaAqMFadi0UTqilrkelR:hover { background-color: rgb(var(--color-1)) !important; } @@ -204,7 +136,93 @@ margin: 0; } -._2Szzh5sKyGgnLUR870zbDE svg { +._3cykd-VfN_xBxf3Qxriccm ._3OhUxFVlQYr9W5ThxstR8k { + display: none; +} + +._2Szzh5sKyGgnLUR870zbDE svg, +._1TdaAqMFadi0UTqilrkelR ._1KrJ3sFAqPBN9mfpaNTU5F { width: 16px !important; height: 16px !important; +} + + + +/* +! Downloadbar +*/ +._1_yS5UP7el0aN4vntx3dx { + visibility: hidden; + height: 0; +} +._1_yS5UP7el0aN4vntx3dx:has(.yZ55NhARZGx1Awk2qs8pS) { + visibility: visible; + height: unset; +} + +._1_yS5UP7el0aN4vntx3dx>div:has(._2iJsgdTIX9Tj23rWnB7Q-c) { + display: none; +} + +._3vCzSrrXZzZjVJFZNg9SGu { + flex: unset; + margin-top: 12px; + padding: 12px; + border-radius: 8px; + background-color: rgb(var(--color-2)); + box-shadow: none !important; +} + +/* Hide Add Game */ +._2foCkpRXhqq0UGVE50BWqj { + display: none; +} + +/* Progress */ +.ip-YZhijAMZcuRoXBGiye { + width: 100%; + padding: 0; +} + +._2VtAqT03BpBsVdmxwptn9D { + flex-direction: column; + align-items: unset; + gap: 0px; + width: 100%; +} + +/* Icon */ +._2VtAqT03BpBsVdmxwptn9D ._1KrJ3sFAqPBN9mfpaNTU5F { + display: none; +} + +._2VtAqT03BpBsVdmxwptn9D ._21vPQjHoo0uwud5lfCD_x- { + display: none; +} + +/* Progressbar */ +._2_FomluqqgQ2Hx8ON3AVep ._1xCcFYWIrJ7W8WRDmGvR3y { + justify-content: flex-end; +} + +._2_FomluqqgQ2Hx8ON3AVep .wi0pDywRgOCxhG7OqQNaA { + height: 4px; + margin-top: 4px; + --color-progress-bar-foreground: rgb(var(--accent-2)); + --color-progress-bar-background: rgb(var(--background)); +} +.yZ55NhARZGx1Awk2qs8pS._1CcdviLW6hebdTPh-3a7DC::after { + border-radius: 8px; +} + + + +/* +! Notice +*/ +._3GaHEQJW9B1Rlt0Ddz3E8D { + display: block; + margin-top: 12px; + padding: 6px; + border-radius: 8px; } \ No newline at end of file diff --git a/options/experimental.js b/options/experimental.js index afccdf4..f0d2e62 100644 --- a/options/experimental.js +++ b/options/experimental.js @@ -65,6 +65,7 @@ waitForElement('.Rp8QOGJ2DypeDniMnRBhr').then(() => { // Userpannel var userPannel = await waitForElement('._3cykd-VfN_xBxf3Qxriccm._1-9sir4j_KQiMqdkZjQN0u'); var downloadBar = await waitForElement('._1_yS5UP7el0aN4vntx3dx'); + var friendButton = await waitForElement('._1TdaAqMFadi0UTqilrkelR') var parent = await waitForElement('._3cykd-VfN_xBxf3Qxriccm'); const buttonContainer = document.createElement('div'); @@ -81,12 +82,13 @@ waitForElement('.Rp8QOGJ2DypeDniMnRBhr').then(() => { gameListSidebar.appendChild(downloadBar); gameListSidebar.appendChild(userPannel); + buttonContainer.appendChild(friendButton); parent.appendChild(buttonContainer); // Download bar - var downloadingText = await waitForElement('._1sCy-pm412Smb0wJx0W-4'); - var downloadingIconDiv = await waitForElement('._2VtAqT03BpBsVdmxwptn9D ._1KrJ3sFAqPBN9mfpaNTU5F'); + //var downloadingText = await waitForElement('._1sCy-pm412Smb0wJx0W-4'); + //var downloadingIconDiv = await waitForElement('._2VtAqT03BpBsVdmxwptn9D ._1KrJ3sFAqPBN9mfpaNTU5F'); - downloadingIconDiv.appendChild(downloadingText); + //downloadingIconDiv.appendChild(downloadingText); })(); \ No newline at end of file diff --git a/options/navigateButton.css b/options/navigateButton.css new file mode 100644 index 0000000..9565170 --- /dev/null +++ b/options/navigateButton.css @@ -0,0 +1,3 @@ +._3Z3ohQ8-1NKnCZkbS6fvy ._2D64jIEK7wpUR_NlObDW76 svg { + display: none; +} \ No newline at end of file diff --git a/skin.json b/skin.json index 2c26112..5e7031b 100644 --- a/skin.json +++ b/skin.json @@ -1,19 +1,20 @@ { "Conditions": { - "Experimental": { - "description": "Activates experimental functions (there may/will be bugs)", + "Gamepage sidebar on left": { + "description": "Changes the sidebar on the game page from right to left", "default": "no", + "tab": "General", "values": { "no": {}, "yes": { - "TargetCss": { "affects": ["^Steam$"], "src": "options/experimental.css" }, - "TargetJs": { "affects": ["^Steam$"], "src": "options/experimental.js" } + "TargetCss": { "affects": ["^Steam$"], "src": "options/gamepageSidebarLeft.css" } } } }, "System accent colors": { "description": "Replaces the SpaceTheme accent colors with your system accent colors", "default": "no", + "tab": "General", "values": { "no": {}, "yes": { @@ -21,23 +22,22 @@ } } }, - "Transparent mode (experimental)": { - "description": "Make Steam transparent (SpaceTheme default colors only)", - "default": "No Transparent", + + "Navigate button": { + "description": "Hide Add shelf button in Library", + "default": "yes", + "tab": "Steam bloat", "values": { - "No Transparent": {}, - "Transparent": { - "TargetCss": { "affects": [".*"], "src": "options/transparentMode/transparent.css" } - }, - "Transparent + Blur": { - "TargetCss": { "affects": [".*"], "src": "options/transparentMode/transparent.css" }, - "TargetJs": { "affects": [".*"], "src": "options/transparentMode/transparent.js" } + "no": {}, + "yes": { + "TargetCss": { "affects": ["^Steam$"], "src": "options/navigateButton.css" } } } }, "What's New": { "description": "Customize the What's New section", "default": "Compact", + "tab": "Steam bloat", "values": { "Show": {}, "Compact": { @@ -51,6 +51,7 @@ "Add shelf button visibility": { "description": "Hide Add shelf button in Library", "default": "no", + "tab": "Steam bloat", "values": { "no": {}, "yes": { @@ -61,6 +62,7 @@ "Game cover shiny effect visibility": { "description": "Hide shiny effect on game covers", "default": "no", + "tab": "Steam bloat", "values": { "no": {}, "yes": { @@ -68,19 +70,10 @@ } } }, - "Gamepage sidebar on left": { - "description": "Changes the sidebar on the game page from right to left", - "default": "no", - "values": { - "no": {}, - "yes": { - "TargetCss": { "affects": ["^Stem$"], "src": "options/gamepageSidebarLeft.css" } - } - } - }, "Wallet visibility": { "description": "Hide wallet balance", "default": "no", + "tab": "Steam bloat", "values": { "no": { "TargetCss": { "affects": ["^Steam$"], "src": "options/walletVisibility.css" } @@ -91,6 +84,7 @@ "VAC-Ban visibility": { "description": "Hide the VAC ban from your profile or on all profiles (currently not working)", "default": "Show", + "tab": "Steam bloat", "values": { "Show": {}, "For me": { @@ -100,6 +94,19 @@ "TargetCss": { "affects": ["https://steamcommunity.com"], "src": "options/VACBanVisibility/all.css" } } } + }, + + "Userpannel": { + "description": "Moves the user buttons and the download bar to the game sidebar", + "default": "no", + "tab": "Experimental", + "values": { + "no": {}, + "yes": { + "TargetCss": { "affects": ["^Steam$"], "src": "options/experimental.css" }, + "TargetJs": { "affects": ["^Steam$"], "src": "options/experimental.js" } + } + } } }, "Patches": [ @@ -129,5 +136,5 @@ "splash_image": "https://raw.githubusercontent.com/SpaceTheme/Steam/main/_assets/img/preview.png", "name": "SpaceTheme for Steam", "tags": [ "Modular", "Dark", "Customizable", "alpha" ], - "version": "1.1.0-alpha" -} + "version": "1.1.0.1-alpha" +} \ No newline at end of file diff --git a/src/css/friends/chat.css b/src/css/friends/chat.css index 7f3690c..e4c6785 100644 --- a/src/css/friends/chat.css +++ b/src/css/friends/chat.css @@ -25,23 +25,23 @@ overflow-y: hidden; } -._19ILu15eRwfp5Tkaqhtb0a { +._3f1rJf0BU79ub9YR2KihaT { gap: 6px; border: none; } -.X2iywwN7fcdh9zXpXVsrk { +._2XZq-_f6npaQdAgeRzKIkz { border-radius: 8px; background-color: rgb(var(--color-4)); } -.X2iywwN7fcdh9zXpXVsrk:hover { +._2XZq-_f6npaQdAgeRzKIkz:hover { cursor: pointer; } -.X2iywwN7fcdh9zXpXVsrk._1BNlZUYDbVr8VhCTmq7ksk { +._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ { background-color: rgb(var(--color-2)); } -.X2iywwN7fcdh9zXpXVsrk::before, -.X2iywwN7fcdh9zXpXVsrk::after { +._2XZq-_f6npaQdAgeRzKIkz::before, +._2XZq-_f6npaQdAgeRzKIkz::after { display: none; } diff --git a/src/css/friends/list.css b/src/css/friends/list.css index f20c296..6e7cb6f 100644 --- a/src/css/friends/list.css +++ b/src/css/friends/list.css @@ -42,8 +42,8 @@ border-radius: 8px; background: rgb(var(--color-1)); } -._17ewzMiLZXQiOFFbpXAZdw, -._2hL6ssOeMwczcGsrkJWupl { +._1osHa9KHOmdCDNrA232z4N, +._2OoTJwlWvzvAysWOOEQaXS { display: none; } diff --git a/src/css/regular.css b/src/css/regular.css index c70506c..cb435b8 100644 --- a/src/css/regular.css +++ b/src/css/regular.css @@ -1,4 +1,5 @@ @import url("./inputs/import.css"); +@import url("./steam/modalDialogPopup.css"); @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); * { font-family: 'Be Vietnam Pro', sans-serif !important; diff --git a/src/css/steam/gamepage.css b/src/css/steam/gamepage.css index c0859e9..c3bb82c 100644 --- a/src/css/steam/gamepage.css +++ b/src/css/steam/gamepage.css @@ -10,7 +10,7 @@ overflow-y: overlay; padding: 16px; background-image: none; - background-color: unset; + background-color: rgb(var(--color-1)); } ._2OOzYVWIHaKXm6_7sscT9i ._1Qa-Aq8WFiF9584yU_1xuC { @@ -21,28 +21,28 @@ /* ! Gamepage Banner */ -._2meE3N6-Wkw3yQUVtQK-i8 { +.NZMJ6g2iVnFsOOp-lDmIP { overflow: hidden !important; margin-bottom: 12px; } -._1sarAIIhbGSUQoAZkztD_F { +._1IX7FPSY9Jb82KhBVBSkZa { transform: none !important; } -._3VFZBY9W_BxsLy1TbDhRYZ { +.QlR9EFwTdUNm_J5vx54_Z { overflow: hidden; height: 100%; border-radius: 8px; } -._dijeIFQK07Fymccmf6qA { +.HNbe3eZf6H7dtJ042x1vM { width: 100%; max-width: unset; mask-image: none; -webkit-mask-image: none; } -._dijeIFQK07Fymccmf6qA.ooM_c2DA3hF8Wg7zbpK5x, -._dijeIFQK07Fymccmf6qA._3XYFKZ4dGPY0v1xxXRIwm6 { +.HNbe3eZf6H7dtJ042x1vM._3_IUVzR9tpG_JKEjhwXEAb, +.HNbe3eZf6H7dtJ042x1vM.HSQWw9HUAP6jtA2OZjS-u { display: none; } diff --git a/src/css/steam/libHome.css b/src/css/steam/libHome.css index 1fe9f81..2b375cb 100644 --- a/src/css/steam/libHome.css +++ b/src/css/steam/libHome.css @@ -16,7 +16,7 @@ ._2Nq6ov7A1hGcHXVOXNt_OE { border-top: none; } -._15J5LL1tqeF6S9caL-2P-c, +._2gSXCB6PbOlMxslr8hm6dm, .u1xD3KJEgksF_J_5TLZzO { background-color: rgb(var(--color-1)); background-image: none; diff --git a/src/css/steam/modalDialogPopup.css b/src/css/steam/modalDialogPopup.css new file mode 100644 index 0000000..281346b --- /dev/null +++ b/src/css/steam/modalDialogPopup.css @@ -0,0 +1,93 @@ +html.client_chat_frame body, +html.web_chat_frame body { + background-color: rgb(var(--background)) !important; +} + + + +.TitleBar { + height: 32px !important; + min-height: 32px; +} + +.TitleBar .title-area-highlight { + height: 32px; + mask: unset; + -webkit-mask: unset; + background: unset; +} + +.TitleBar .title-area-icon { + width: 42px; +} +.TitleBar .title-area-icon:hover { + background-color: rgb(var(--color-3)); +} +.TitleBar .title-area-icon:hover .SVGIcon_Button rect, +.TitleBar .title-area-icon:hover .SVGIcon_Button line, +.TitleBar .title-area-icon:hover .SVGIcon_Button polyline { + stroke: #dddddd; +} + + + +/* Base */ +._3few7361SOf4k_YuKCmM62.MzjwfxXSiSauz8kyEuhYO, +.DialogContent._DialogLayout:not(.CFTLX2wIKOK3hNV-fS7_V) { + gap: 16px; + width: -webkit-fill-available; + min-width: unset !important; + height: -webkit-fill-available; + min-height: unset !important; + margin: 32px 16px 16px; +} + + + +/* Titel */ +._2rjVTGz8aLvqOdz5v2gq5C, +._2Nmun5feXmM6VdoGKSPapp, +.DialogContent:not(.CFTLX2wIKOK3hNV-fS7_V) .DialogHeader { + position: absolute; + top: -22px; + left: 0; + width: max-content; + margin: 0; + padding: 0; + font-size: 12px !important; + line-height: 12px; + font-weight: 600; + text-transform: none; + color: #969696; +} + + + +/* Sidebar */ +._2kwFFHckg8jvnwJfg9-la8 { + min-height: unset !important; + padding: 0; + border-radius: 8px; + background-color: rgb(var(--color-2)); +} + + +._1-vlriAtKYDViAEunue4VO { + padding: 6px 12px; + background-color: unset !important; +} + + + +/* Main */ +.DialogContentTransition, +.DialogContent { + padding: 0 !important; + background: none !important; +} + +.DialogContent_InnerWidth { + padding: 12px !important; + border-radius: 8px; + background-color: rgb(var(--color-1)) !important; +} \ No newline at end of file diff --git a/src/css/steam/newsModal.css b/src/css/steam/newsModal.css index 18442c6..bf8984f 100644 --- a/src/css/steam/newsModal.css +++ b/src/css/steam/newsModal.css @@ -6,21 +6,21 @@ /* ! Side controls */ -._1Wu6DIeGcXQIYmUgI1Om3q { +._2pA5CW91XQQDfo6yZEdPd- { top: 58px; } -._1Wu6DIeGcXQIYmUgI1Om3q ._2jz0pSZrOgZbg4scAWxojd { +._2pA5CW91XQQDfo6yZEdPd- ._3yfs7fc5WEv6F9tPG4yq4g { width: 966px; } /* Buttons */ -.bIoyqcxSbys_LNwXBL-qT { +._240i58XQ0w78YFrd_p-9UY { border: none !important; border-radius: 8px; background-color: rgb(var(--color-1)); } -.bIoyqcxSbys_LNwXBL-qT:hover { +._240i58XQ0w78YFrd_p-9UY:hover { background-color: rgb(var(--color-3)); } @@ -29,19 +29,19 @@ ! Main */ /* Base */ -.lwprNSgEnKfVSHIzsgbFi { +._1KsYSVzmvIfRivBTcx-_GE { margin: 16px auto; border: none; border-radius: 8px; background-color: rgb(var(--color-1)); background-image: none; } -.eti5Ei5_72tAUqiU4F4n0 { +.stsss-bTNuazY8FYtvTOX { display: none; } /* Banner */ -._3X6U9WGaylaJKy73ufW34F ._3KoBGqKjY90exyHAKGbiYu { +._3_SEiDNs-lzwV7cTF6gcgt ._2-IygC3-t05_RYwPl6Fkgt { top: 0; width: -webkit-fill-available; margin: 12px; @@ -50,7 +50,7 @@ } /* Title */ -._3X6U9WGaylaJKy73ufW34F ._35gM9i287FT5Vx0nL7vX6o { +._3_SEiDNs-lzwV7cTF6gcgt ._3z2NYCkFizMu4fMvWTIBUG { margin: 12px 12px 0; padding: 16px; border-radius: 8px; @@ -59,7 +59,7 @@ } /* Footer */ -._3BVe_okecnI7b_bHj5SS42 { +.mKmrOjr9bGjKAolgp9NoD { margin: 0 12px 12px; padding: 16px; border-radius: 8px; @@ -68,3 +68,9 @@ } /* Footer Buttons */ +._3Kelh1-_v6xHfRjF68n7NB, +._3ctGqQID5-8adtd7HlZ3YM, +._16xC0mtOWoLbvSQbmo_ycv { + padding: 0; + background-color: unset; +} \ No newline at end of file diff --git a/src/css/steam/sidebar.css b/src/css/steam/sidebar.css index 5bd5c18..4aa1ec1 100644 --- a/src/css/steam/sidebar.css +++ b/src/css/steam/sidebar.css @@ -38,6 +38,10 @@ background-color: rgb(var(--color-3)) !important; } +._3pSPluBgf0NeR1kkCLWMhR ._3O48LaKWcabKx07xdrt1TH { + font-weight: 600; +} + /* Logo in home button */ ._3pSPluBgf0NeR1kkCLWMhR ._1ooROmAgkhoBH_o65yl9dJ { top: 0; @@ -227,12 +231,12 @@ /* ! Downloadbar -*/ +*//* ._1_yS5UP7el0aN4vntx3dx { visibility: hidden; height: 0; } -/* + ._1_yS5UP7el0aN4vntx3dx:has(.yZ55NhARZGx1Awk2qs8pS) { visibility: visible; height: unset; diff --git a/src/css/steam/titlebar.css b/src/css/steam/titlebar.css index 5a109f0..9fee1e5 100644 --- a/src/css/steam/titlebar.css +++ b/src/css/steam/titlebar.css @@ -79,8 +79,13 @@ ._3Z3ohQ8-1NKnCZkbS6fvy ._7AlhCx3XGzBeIrQaCneUD { font-size: unset; } + +._3Z3ohQ8-1NKnCZkbS6fvy ._2D64jIEK7wpUR_NlObDW76 svg:nth-child(2) { + order: 2; +} + ._3Z3ohQ8-1NKnCZkbS6fvy ._2D64jIEK7wpUR_NlObDW76 svg { - display: none; + padding: 0 12px; } ._7AlhCx3XGzBeIrQaCneUD._1gqEjB5QsKT_NftD1dEsdZ:not(._2cO0HdvLEGAdhosLekWsmo) ._19axKcqYRuaJ8vdYKYmtTQ { color: rgb(var(--accent-1));