v1.0.3 (alpha)

- New Titelbar - Review container from the concepts
SpaceTheme · Oct 30, 2023 · 3a1907d · 3a1907d
1 parent 2867f6f
commit 3a1907d
Show file tree

Hide file tree

Showing 3 changed files with 141 additions and 4 deletions.
diff --git 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);
 }
diff --git 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;
 }
diff --git 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)"
 }