From 3a1907d27ca43ecabd3a3fcd6c9a84eb510f3d27 Mon Sep 17 00:00:00 2001 From: SpaceEnergy Date: Mon, 30 Oct 2023 23:37:49 +0100 Subject: [PATCH] v1.0.3 (alpha) - New Titelbar - Review container from the concepts --- .../files/theme/app/titelbar.css | 90 ++++++++++++++++++- src/Steam SpaceTheme/library.css | 53 +++++++++++ src/Steam SpaceTheme/skin.json | 2 +- 3 files changed, 141 insertions(+), 4 deletions(-) diff --git a/src/Steam SpaceTheme/files/theme/app/titelbar.css b/src/Steam SpaceTheme/files/theme/app/titelbar.css index 52d8562..aba48eb 100644 --- a/src/Steam SpaceTheme/files/theme/app/titelbar.css +++ b/src/Steam SpaceTheme/files/theme/app/titelbar.css @@ -2,12 +2,15 @@ box-shadow: none !important; background: var(--background) !important; } +.steamdesktop_TitleBar_39oUC { + height: 46px; +} +.steamdesktop_URLBar_UkR3s, .steamdesktop_URLBarReplacement_2Cmrn { - box-shadow: none !important; - background: var(--background) !important; + display: none !important; } -/* Logo */ + .rootmenu_RootMenuButton_2UyOB { display: flex; } @@ -29,4 +32,85 @@ content: "Theme" !important; font-weight: 900; color: var(--accent-2); +} + +.rootmenu_RootMenuBar_1Ky59 { + margin-top: 0 !important; + gap: unset; +} +.rootmenu_RootMenuBar_1Ky59 +.menu_MenuWrapper_2Lu3d { + padding: 6px 7px; + color: transparent; +} +.rootmenu_RootMenuBar_1Ky59 +.menu_MenuWrapper_2Lu3d:nth-of-type(1) { + padding: 6px 7px 6px 4px; + color: #8b929a; +} +.rootmenu_RootMenuBar_1Ky59:hover +.menu_MenuWrapper_2Lu3d { + color: #8b929a; +} +.rootmenu_RootMenuBar_1Ky59 +.menu_MenuWrapper_2Lu3d:hover { + color: #fff; +} + + +.steamdesktop_SuperNavBar_3Z3oh { + position: absolute; + top: 23.5px; + left: 50%; + width: fit-content; + height: 46px; + padding: 0px; + transform: translate(-50%, -50%); +} +.steamdesktop_SuperNavBar_3Z3oh +.supernav_SuperNavMenu_7AlhC { + font-size: unset; +} +.steamdesktop_SuperNavBar_3Z3oh +.supernav_SuperNav_2D64j svg { + display: none; +} +.supernav_SuperNavMenu_7AlhC.supernav_Selected_1gqEj:not(.supernav_Disabled_2cO0H) .supernav_MenuButton_19axK { + color: var(--accent-2); + text-shadow: 0px 0px 1px var(--accent-2); +} +.supernav_SuperNavMenu_7AlhC.supernav_Selected_1gqEj:not(.supernav_Disabled_2cO0H) .supernav_MenuButton_19axK::after { + background: var(--accent-2); +} +.steamdesktop_SuperNavBar_3Z3oh +.supernav_SuperNavMenu_7AlhC { + height: unset; +} + + +.titlebarcontrols_TitleBarControls_3cykd { + margin: 0 10px; +} + + +.steamdesktop_WindowControls_qP17e .title-area .title-bar-actions { + max-height: unset; + height: 46px !important; +} +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton { + height: 46px; +} +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton .SVGIcon_Button line, +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton .SVGIcon_Button rect, +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton .SVGIcon_Button polyline { + stroke: var(--accent-2); +} +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton:hover { + background: var(--color-2); +} +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton.closeButton:hover { + background: var(--accent-2); +} +.steamdesktop_WindowControls_qP17e .title-area .windowControlButton.closeButton:hover .SVGIcon_Button line { + stroke: var(--color-2); } \ No newline at end of file diff --git a/src/Steam SpaceTheme/library.css b/src/Steam SpaceTheme/library.css index 3296335..e722e8f 100644 --- a/src/Steam SpaceTheme/library.css +++ b/src/Steam SpaceTheme/library.css @@ -127,4 +127,57 @@ } .downloads_SectionItem_1VNuY.downloads_Active_IbePL { margin: 0 15px; +} + + + + + + + + + + + + +.appdetailsspotlight_ReviewContainer_3LE-6 { + padding: 0; + border-radius: 8px; + background: linear-gradient(90deg, rgba(102, 108, 255, 0.00) 0%, rgba(102, 108, 255, 0.15) 100%), linear-gradient(270deg, rgba(135, 140, 255, 0.00) 0%, rgba(135, 140, 255, 0.15) 100%), #1E1E1E; +} +.appdetailsspotlight_ReviewContainer_3LE-6 .appdetailsspotlight_Inner_2z8Na { + width: 100%; +} +.writereview_RatingContainer_2SAb6.appdetailsspotlight_RatingContainer_1E_EN { + border-radius: 8px; + background: unset; +} + +.writereview_LeftContainer_2aeAn { + display: grid; +} +.writereview_LeftContainer_2aeAn .writereview_Playtime_qX4kN { + order: 2; + font-size: 12px; + font-weight: 400; + color: var(--accent-2); +} +.writereview_LeftContainer_2aeAn .writereview_RecommendGame_My1be { + order: 1; + font-weight: 400; + color: #D2D2D2; +} + +.writereview_ReviewThumbButton_1kCN0 { + height: 100%; + margin: 0 5px; + padding: 10px 15px 10px 30px; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + color: #666CFF; + background: rgba(102, 108, 255, 0.20); +} +.writereview_ReviewThumbButton_1kCN0 .writereview_ThumbIcon_2Jkk- { + fill: #666CFF; } \ No newline at end of file diff --git a/src/Steam SpaceTheme/skin.json b/src/Steam SpaceTheme/skin.json index d1035de..ff7af11 100644 --- a/src/Steam SpaceTheme/skin.json +++ b/src/Steam SpaceTheme/skin.json @@ -11,5 +11,5 @@ "description": "A modular design with dark colors, which makes Steam look clearer and thus Steam can be enjoyed much better.\n\n! This theme is in alpha/pre alpha phase !\n! SteamTheme for Steam has been paused indefinitely !\nCurrently the theme only supports the title bar, library home page, download bar and download page.\n\nWhen the time comes for updates, there will be an update every 2 weeks.", "name": "SpaceTheme for Steam", "source": "https://api.github.com/repos/SpaceEnergy/SpaceTheme-Steam/contents/src/Steam%20SpaceTheme", - "version": "v1.0.2.1 (alpha)" + "version": "v1.0.3 (alpha)" }