diff --git a/Customization/Collapsed Sidebar/resource/layout/accountbutton.layout b/Customization/Collapsed Sidebar/resource/layout/accountbutton.layout deleted file mode 100644 index ee1c127..0000000 --- a/Customization/Collapsed Sidebar/resource/layout/accountbutton.layout +++ /dev/null @@ -1,150 +0,0 @@ -"resource/layout/accountbutton.layout" -{ - controls - { - account_avatar - { - "ControlName" "Image" - "fieldName" "account_avatar" - "zpos" "-2" // behind dropdown button - } - - account_drop_down - { - "ControlName" "Label" - "fieldName" "account_drop_down" - "zpos" "-2" // behind dropdown button - "style" "AccountDropDownStyleOffline" - } - - - account_balance - { - "ControlName" "Label" - "fieldName" "account_balance" - "style" "AccountBalanceStyle" - - "zpos" "-2" // behind dropdown button - } - - account_persona - { - "ControlName" "Label" - "fieldName" "account_persona" - "style" "AccountPersonaStyleOffline" - "labelText" "%persona%" - "zpos" "-2" // behind dropdown button - } - - account_menu_button - { - "ControlName" "Button" - "fieldName" "account_menu_button" - "labelText" "" - "style" "AccountMenuButtonStyle" - } - } - - styles - { - AccountPersonaStyleOffline - { - padding-right=6 - padding-left=12 - textcolor=Friends.OfflineColor - } - - AccountPersonaStyleOnline - { - padding-right=6 - padding-left=12 - textcolor=Friends.OnlineColor - } - - AccountPersonaStyleInGame - { - padding-right=6 - padding-left=12 - textcolor=Friends.InGameColor - } - - AccountDropDownStyleOffline - { - render - { - 0="image(x0,y0,x1,y1,graphics/avatarBorderOffline)" - } - } - - AccountDropDownStyleOnline - { - render - { - 0="image(x0,y0,x1,y1,graphics/avatarBorderOnline)" - } - } - - AccountDropDownStyleInGame - { - render - { - 0="image(x0,y0,x1,y1,graphics/avatarBorderInGame)" - } - } - - AccountButtonStyle - { - bgcolor=none - } - - AccountButtonStyle:hover - { - bgcolor=none - } - - AccountBalanceStyle - { - textcolor="labeldisabled" - bgcolor="none" - font-family=basefont - font-size=14 - font-weight=400 - font-style=regular - padding-top=1 - padding-right=8 - padding-left=2 - } - - AccountBalanceStyle [$OSX] - { - textcolor="labeldisabled" - bgcolor="none" - font-family=basefont - font-size=13 - font-weight=400 - font-style=regular - inset="0 1 0 0" - } - - AccountMenuButtonStyle - { - bgcolor=none - } - - AccountMenuButtonStyle:hover - { - bgcolor=none - } - } - - layout - { - place { control="account_menu_button" align=left height=0 width=0 } //This normally spans the whole element but it only opens the menu down, so disable it for now - - place { control="account_drop_down" align=right height=48 width=48 margin-top=4 } //Avatar & outline - place { control="account_avatar" align=right margin-top=8 height=32 width=32 margin-right=12} - - place { control="account_balance" align=right end-right="account_drop_down" y=22 } - place { control="account_persona" align=right end-right="account_drop_down" y=8 } - } -} diff --git a/Customization/Collapsed Sidebar/resource/layout/steamrootdialog.layout b/Customization/Collapsed Sidebar/resource/layout/steamrootdialog.layout index 49f3ba0..f9f4c79 100644 --- a/Customization/Collapsed Sidebar/resource/layout/steamrootdialog.layout +++ b/Customization/Collapsed Sidebar/resource/layout/steamrootdialog.layout @@ -266,7 +266,7 @@ view_friends { - textcolor=Root.Label.Text + textcolor=none bgcolor="none" font-family=basefont font-size=13 [$LINUX] @@ -277,7 +277,7 @@ view_friends:hover { - textcolor=Root.Label.Hover.Text + textcolor=none } online_friends diff --git a/Customization/Collapsed Sidebar/resource/layout/uinavigatorpanel.layout b/Customization/Collapsed Sidebar/resource/layout/uinavigatorpanel.layout index eb45817..aafc19e 100644 --- a/Customization/Collapsed Sidebar/resource/layout/uinavigatorpanel.layout +++ b/Customization/Collapsed Sidebar/resource/layout/uinavigatorpanel.layout @@ -375,7 +375,7 @@ ViewListButton { - bgcolor=DefaultText + bgcolor=none inset="1 0 0 0" padding-left=0 padding-right=0 @@ -667,6 +667,7 @@ place { control=BroadcastPageMin width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=26 dir=down align=bottom-right } place { control=BroadcastPageMinHoriz width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=40 dir=down align=bottom-right } place { control=ConsolePage width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down} + place { control=NewLibraryPage width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=phonereminderbar dir=down } place { control=MediaPage width=max height=max margin-top=48 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down } place { control=ToolsPage width=max height=max margin-top=48 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down } diff --git a/Customization/Collapsed Sidebar/resource/layout/uistatuspanel.layout b/Customization/Collapsed Sidebar/resource/layout/uistatuspanel.layout deleted file mode 100644 index 8c18021..0000000 --- a/Customization/Collapsed Sidebar/resource/layout/uistatuspanel.layout +++ /dev/null @@ -1,59 +0,0 @@ -"resource/layout/uistatuspanel.layout" -{ - controls - { - StatusDownloading { controlname=URLLabel style="StatusLabel" labelText="" URLText="steam://open/downloads" } - StatusPaused{ controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" } - StatusComplete { controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" } - StatusProgressbar { controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 } - } - - styles - { - CUIStatusPanel - { - render{ - 0="image( x0, y0, x1, y1, graphics/Threshold/downloads)" - } - } - - StatusLabelDim - { - textcolor=none - } - - StatusLabelDim:hover - { - textcolor=none - render_bg - { - 0="fill(x0, y0, x1, y1, Menu.Hover)" - } - } - - SlimProgressBar - { - textcolor=Accent - render_bg - { - 0="fill( x0, y0, x1, y1, Progress.Back )" - } - render - { - } - } - } - - layout - { - region {name=hidden width=0 height=0} - region {name=button width=48 height=48} - region {name=text width=max height=48 margin-left=48} - - place { control="StatusPaused" region=button height=max width=max} - place { control="StatusComplete" region=button height=max width=max} - - place { control="StatusDownloading" region=text margin-left=10 margin-top=12} //Also Offline mode status - place { control="StatusProgressbar" region=text width=max height=5 align=bottom margin-bottom=9 margin-right=10 margin-left=10} - } -} diff --git a/Customization/Collapsed Sidebar/steamui/skins/Threshold Miku/main.css b/Customization/Collapsed Sidebar/steamui/skins/Threshold Miku/main.css new file mode 100644 index 0000000..6b84522 --- /dev/null +++ b/Customization/Collapsed Sidebar/steamui/skins/Threshold Miku/main.css @@ -0,0 +1,235 @@ +#root +{ + background: url("images/MainBG.jpg"); + background-position: -48px -31px; + background-size: calc(100% + 48px) calc(100% + 80px); + background-repeat: no-repeat; +} + +div[class^="gamelistbar_Container"] +{ + background-color: #00000000; + z-index:2; +} + +div[class^="gamelistbar_Container"]:after +{ + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -2; + background: url("images/MainBG.jpg"); + background-position:-48px -31px; + background-size: calc(100% + 48px) calc(100% + 80px); + background-attachment: fixed; + filter: blur(2px); +} + + +/* +//If you want a translucent detail,uncomment this block. +div[class^="appdetailsoverview_Container][class*="appdetailsoverview_ColumnContainer"] { + background-color: #24282f00; +} +.appdetails_Container_3HDlC +{ + background-color: #24282fcc; +} +*/ + +div[class^="gamelistbar_GameListHomeAndSearch"] { + background: #20212433; + border-radius: 10px; +} + +div[class^="gamelistdropdown_MenuHeader"] +{ + color: rgba(0, 0, 0, 1); +} + +div[class^="gamelistfilter_Icon"] +{ + filter: brightness(0%); +} + +div[class^="libraryhome_Container"] +{ + background: radial-gradient(100% 100% at 45% 45%, #000000 0%, #00000000 100%); +} + +div[class^="gamelistsectionheader_SectionHeaderContent"] +{ + color: rgba(0, 0, 0, 1); +} + +div[class^="libraryhome_UpdatesContainer"] +{ + background-color: #36373800; +} + +div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"] +{ + font-weight:bold; + color: white; +} +div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"]:hover +{ + font-weight:bold; + color: white; +} +div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"][class*="gamelistentry_HoverOverlay"] +{ + font-weight:bold; + color: lightgray; +} +div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Installed"] +{ + font-weight:bold; + color: white; +} + +div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Installed"] +{ + font-weight:bold; + color: white; +} +div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"]:hover { + color: rgba(255,255, 255, 0.8); } +div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"] { + color: rgba(220, 220, 220, 1); } +div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Uninstalled"] { + color: rgba(255, 255, 255, 1); } +div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"] +{ + background: linear-gradient(to right, #0B0B0B 0%, #0B0B0B 90%, rgba(53, 55, 63, 0) 110%); + } + div[class^="gamelistentry_Container"]:hover { + color: #000000; + background-color: #0B0B0B; + transition: background-color 0.25s; } + + + +div[class^="gamelistsectionheader_Container"][class*="gamelistsectionheader_Selected"] { + background: linear-gradient(to right, #CBCBCB 0%, #BBBBBB 90%, #303230CB 110%); +} + +div[class^="gamelistsectionheader_SectionHeaderContent"] span[class*="gamelistsectionheader_SectionName"] { + color: rgba(255, 255, 255, 0.5); } + +div[class^="gamelistsectionheader_SectionHeaderContent"]:hover span[class*="gamelistsectionheader_SectionName"] { + color: rgba(255, 255, 255, 1); } + + +div[class^="appactivityday_ActivityAchievementUnlocked"][class*="appactivityday_ActivityPublishedScreenshot"] { + background: #1d222782; +} + +/*div[class^="collectionview_Container"] +{ + background: linear-gradient(#222222FF,#222222AA,#22222222 50%); +}*/ + +div[class^="gamelistdropdown_MenuHeader"]:hover { + color: #FFFFFFCB; } + div[class^="gamelistdropdown_MenuHeader"]:hover *[class^="gamelistdropdown_Arrow"] polygon { + fill: #FFFFFFCB; } + +div[class^="library_AppDetailsTransitionGroup"] +{ + background:#00000000; +} + +div[class^="library_MainPanel"] +{ + //background: radial-gradient(100% 100% at 45% 45%, #00000080 0%, #30303f 100%); + z-index:1; +} + +div[class^="library_MainPanel"]:after +{ + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + background: url("images/MainBG.jpg"); + background-position:-48px -31px; + background-size: calc(100% + 48px) calc(100% + 80px); + background-attachment: fixed; + filter: blur(10px) brightness(60%); +} + +div[class^="libraryhome_UpdatesContainer"] +{ + background:#00000000; +} + +div[class^="gamelistdropdown_MenuHeader"][class*="gamelistdropdown_FiltersActive"] +{ + background-color:#3e40478a; +} + +div[class^="gamelistsearchbar_SearchInput"] input[class^="DialogInput"] +{ + background:rgba(67, 73, 83, 0.6) !important; +} + +div[class^="gamelistsectionheader_SectionCount"] +{ + color:rgba(255, 255, 255, 0.5); +} + +/*div[class^="smartscrollcontainer_Container"][class*="libraryhome_Container"]*/ + +div[class^="smartscrollcontainer"] +{ + background:#00000000; +} + +div[class^="library_LibraryWindowDivider"] +{ + box-shadow: 1px 0px 6px 1px #000000; +} + +div[class^="gamelisthome_Label"] +{ + color:rgba(255,255,255,1); +} + +div[class^="gamelisthome_Bar"]:hover div[class*="gamelisthome_Label"] +{ + color:rgba(255,255,255,0.5); +} + +div[class^="gamelisthome_Icon"] .SVGIcon_Home +{ + stroke:#FFFFFF; +} + +div[class^="gamelisthome_Bar"]:hover div[class*="gamelisthome_Icon"] .SVGIcon_Home +{ + stroke:rgba(255,255,255,0.5); +} + +div[class^="gamelistdropdown_Filters"] div:not([class*="gamelistdropdown_Active"]) svg +{ + filter:brightness(100%); +} + +div[class^="gamelistdropdown_Filters"] div[class*="gamelistdropdown_Active"] svg +{ + fill:#FFFFFF; + stroke:$FFFFFF; + filter:drop-shadow(-1px 1px 1px rgba(255,255,255,0.9)); +} + +div[class^="gamelistdropdown_ScrollToTop"] .SVGIcon_Arrow +{ + background-color:rgba(200, 200, 200, 0.3); +} \ No newline at end of file