fix: search bar and small patches, screenshots (#15)

* fix: search bar and small patches * Other tweaks * focus ring patches * fix: more small bugs, screenshots * lint
srcery-colors · Dec 23, 2023 · 27c0731 · 27c0731
1 parent ba1411b
commit 27c0731
Show file tree

Hide file tree

Showing 13 changed files with 125 additions and 8 deletions.
diff --git a/steam-deck/Components.css b/steam-deck/Components.css
@@ -13,6 +13,10 @@
   color: var(--srcery-white);
 }
 
+.gamepadpagedsettings_ContentTransition_NCmol .gamepaddialog_Field_S-_La .networksettings_Checkmark_x5D0R {
+  color: var(--srcery-green);
+}
+
 .gamepadpagedsettings_ContentTransition_NCmol .gamepaddialog_Field_S-_La .networksettings_LockIcon_1oafX.networksettings_LargerIcon_14aKC {
   color: var(--srcery-xgray6);
 }

diff --git a/steam-deck/Custom.css b/steam-deck/Custom.css
@@ -2,10 +2,6 @@
   background: var(--srcery-blue);
 }
 
-.searchbar_SearchFieldBackground_3F4YR.searchbar_WhiteBackground_1l8js {
-  background: var(--srcery-bright-white);
-}
-
 .appdetailssection_Highlight_38t1m.appdetailsachievementssection_HighlightDiv_2xTb6,
 .appdetailssection_Highlight_38t1m.appdetailstradingcardssection_BadgeSection_3g3jm {
   background-color: var(--srcery-xgray4);

diff --git a/steam-deck/add-friend.css b/steam-deck/add-friend.css
@@ -19,7 +19,7 @@
   color: var(--srcery-bright-white);
 }
 
-.friendslist_InvitesListWrapper_2AblE .friendinvites_Caption__XK9j
+.friendslist_InvitesListWrapper_2AblE .friendinvites_Caption__XK9j,
 .friendslist_InvitesListWrapper_2AblE .friendinvites_InvitesSectionHeader_3B_sJ {
   color: var(--srcery-white);
 }
diff --git a/steam-deck/home-page.css b/steam-deck/home-page.css
@@ -1,3 +1,35 @@
+/* Carousel stuff */
+
+.basicgamecarousel_TextBoxCarouselContents_3bvCH.basicgamecarousel_BasicGameCarouselItemMediaContainer_1HIFN.Panel.Focusable.gpfocus.gpfocuswithin {
+  color: var(--srcery-bright-white);
+}
+
+.basicgamecarousel_BasicGameCarouselItem_3YYQ9 .basicgamecarousel_TextBoxCarouselContents_3bvCH {
+  background: linear-gradient(313deg, var(--srcery-xgray1), var(--srcery-xgray6));
+}
+
+@keyframes appportrait_fadeOutline_1FLuV {
+  0% {
+    outline-color: var(--srcery-xgray3);
+  }
+
+  100% {
+    outline-color: var(--srcery-bright-black);
+  }
+}
+
+@keyframes appportrait_blinker_2tSbN {
+  50% {
+      outline: 2px solid var(--srcery-bright-white);
+  }
+}
+
+.BasicUI .appportrait_LibraryItemBox_WYgDg.Focusable:focus,
+.appportrait_LibraryItemBox_WYgDg.appportrait_Portrait_1Pf6J.appportrait_InRecentGames_biTV-.appportrait_BasicMode_3vi6S.Panel.Focusable.gpfocus.gpfocuswithin {
+  box-shadow: 0 16px 24px 0 var(--srcery-hard-black);
+  outline: 2px solid var(--srcery-bright-black);
+}
+
 .BasicUI .basicappdetailssectionstyler_AppDetailsRoot_3fp5y {
   background: transparent;
 }
@@ -124,6 +156,7 @@
 .gamepadhomefriends_GoToFriends_MVc_6,
 .gamepadhomefriends_InGameGame_KLo2n {
   background: var(--srcery-xgray3);
+  color: var(--srcery-bright-white);
 }
 
 .gamepadhomefriends_FavoriteFriend_3SLpz:focus,

diff --git a/steam-deck/modals/fullscreen-modals.css b/steam-deck/modals/fullscreen-modals.css
@@ -106,6 +106,15 @@
   margin-left: 10%;
 }
 
+.gamepadcontextmenu_contextMenuContents_sIgB- + .gamepadcontextmenu_contextMenuContents_sIgB- {
+  margin-left: 10px;
+  margin-top: 5px;
+}
+
+.gamepadcontextmenu_contextMenuFade_3jmEJ {
+  display: none;
+}
+
 /* Allign menu to left */
 .basiccontextmenu_BasicContextMenuContainer_2dUDj,
 .gamepadcontextmenu_BasicContextMenuContainer_2ZDB6 {

diff --git a/steam-deck/pill-menus.css b/steam-deck/pill-menus.css
@@ -33,7 +33,7 @@
 }
 
 /* Friends playing pills label */
-.appdetailsfriendssection_FriendsPlayingNowBadge_38sNQ.appdetailsfriendssection_InFriendsTab_15Vpl {
+.appdetailsfriendssection_FriendsPlayingNowBadge_38sNQ.appdetailsfriendssection_InFriendsTab_15Vpl.appdetailsfriendssection_TabSelected_mHKj- {
   color: var(--srcery-bright-white);
   background-color: var(--srcery-green);
 }

diff --git a/steam-deck/quick-access-menu.css b/steam-deck/quick-access-menu.css
@@ -41,7 +41,7 @@
   color: var(--srcery-bright-black);
 }
 
-.gpfocus.quickaccessmenu_Tab_1S76C.quickaccessmenu_Selected_2QHMu svg {
+.quickaccessmenu_Tab_1S76C.quickaccessmenu_Selected_2QHMu.gpfocus svg {
   color: var(--srcery-bright-white);
 }
 
@@ -139,3 +139,45 @@
 .gamepaddialog_Field_S-_La.gpfocus.gpfocuswithin .quickaccesscontrols_BatterySectionContainer_3h5MR .quickaccesscontrols_BatteryIcon_39aNh svg path:first-child {
   fill: var(--srcery-black);
 }
+
+/* Notifications */
+
+#QuickAccess-Menu .standardtemplates_NewIndicator_3aotN svg {
+  color: var(--srcery-green);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_PinnedBody_1Ljgv,
+#QuickAccess-Menu .quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_StandardTemplate_3e_DB .standardtemplates_Icon_19g_L > svg,
+#QuickAccess-Menu .quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_Icon_19g_L > svg,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_StandardTemplate_3e_DB .standardtemplates_Title_1WlRE,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_Title_1WlRE,
+.quickaccessmenu_QuickAccessMenu_V0cr- .notificationcontent_AchievementTextSection_mJ3Nu .notificationcontent_Name_1juF1 {
+  color: var(--srcery-bright-white);
+  filter: var(--srcery-bright-white-filter);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .notificationcontent_Timestamp_3q7nN,
+.quickaccessmenu_QuickAccessMenu_V0cr- .notificationcontent_TimestampDesktop_1N5mc,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_StandardTemplate_3e_DB .standardtemplates_Timestamp_2vSvC,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_Timestamp_2vSvC {
+  color: var(--srcery-xgray6);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .BasicUI .notificationcontent_AchievementTextSection_mJ3Nu .notificationcontent_Desc_2zm3G,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_StandardTemplate_3e_DB .standardtemplates_StandardNotificationDescription_1Ldq1,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_StandardNotificationDescription_1Ldq1 {
+  color: var(--srcery-white);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_StandardTemplate_3e_DB .standardtemplates_StandardNotificationSubText_2XcN2,
+.quickaccessmenu_QuickAccessMenu_V0cr- .standardtemplates_PinnedTemplate_2eBei .standardtemplates_StandardNotificationSubText_2XcN2 {
+  color: var(--srcery-bright-black);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .progressbar_ProgressBar_1-nHj {
+  background-color: var(--srcery-xgray3);
+}
+
+.quickaccessmenu_QuickAccessMenu_V0cr- .progressbar_ProgressBar_1-nHj .progressbar_Percent_2_0Jo {
+  background-color: var(--srcery-blue) !important;
+}
diff --git a/steam-deck/screenshots/00-logo.png b/steam-deck/screenshots/00-logo.png
diff --git a/steam-deck/screenshots/01-carousel.jpg b/steam-deck/screenshots/01-carousel.jpg
diff --git a/steam-deck/screenshots/02-game.jpg b/steam-deck/screenshots/02-game.jpg
diff --git a/steam-deck/screenshots/03-game-full.jpg b/steam-deck/screenshots/03-game-full.jpg
diff --git a/steam-deck/system.css b/steam-deck/system.css
@@ -18,7 +18,10 @@
 
 #header .searchbar_SearchAndTitleContainer_17M8g.searchbar_ForceExpanded_1bmuJ:not(.gpfocuswithin) .searchbar_SearchFieldBackground_3F4YR.searchbar_WhiteBackground_1l8js,
 #header .searchbar_SearchAndTitleContainer_17M8g.searchbar_ShowingSearch_NMb_F:not(.searchbar_VR_35hhe):hover .searchbar_SearchFieldBackground_3F4YR.searchbar_WhiteBackground_1l8js,
+#header .searchbar_SearchAndTitleContainer_17M8g .searchbar_SearchFieldBackground_3F4YR,
 #header .searchbar_SearchBox_2a1-s.gpfocus,
+#header .searchbar_SearchBox_2a1-s.gpfocus::placeholder,
+#header .searchbar_SearchAndTitleContainer_17M8g.searchbar_ForceExpanded_1bmuJ .searchbar_SearchBox_2a1-s::placeholder,
 #header .searchbar_SearchAndTitleContainer_17M8g.searchbar_ForceExpanded_1bmuJ .searchbar_SearchBox_2a1-s {
   color: var(--srcery-bright-white);
   background-color: var(--srcery-bright-black);
@@ -99,3 +102,33 @@
 .audio_VolumePopin_2iUUM .gamepadslider_SliderTrackDark_3UIUD::before {
   background: var(--srcery-blue);
 }
+
+/* Focus Ring */
+
+@keyframes srcery-focusring_flash_1YTKZ {
+  0% {
+    background-color: rgba(255 255 255 / 8%);
+  }
+
+  100% {
+    background-color: transparent;
+  }
+}
+
+@keyframes srcery-focusring_fadeOutline_2hZu3 {
+  0% {
+    outline-color: var(--srcery-xgray3);
+  }
+
+  100% {
+    outline-color: var(--srcery-bright-black);
+  }
+}
+
+.focusring_FocusRingRoot_3PH_X .focusring_FocusRing_1IZrQ {
+  animation: srcery-focusring_flash_1YTKZ .5s ease,
+      focusring_growOutline_Z3LxS .4s ease,
+      srcery-focusring_fadeOutline_2hZu3 .4s ease,
+      focusring_blinker_3wFMM 1.2s ease-in-out .4s 20;
+  outline: 2px solid var(--srcery-bright-black);
+}
diff --git a/steam-deck/theme.json b/steam-deck/theme.json
@@ -1,7 +1,7 @@
 {
   "name": "Srcery",
   "author": "milogert",
-  "version": "v0.5.1",
+  "version": "v0.6.1",
   "manifest_version": 7,
   "inject": {
     "shared.css": [ "All" ],