From 9b61e5c26194d3aa3c2b962e378ccff5ea80f011 Mon Sep 17 00:00:00 2001 From: Lucas Barbieri Date: Sun, 7 Jan 2024 14:40:30 -0300 Subject: [PATCH] add personalized metro steam skin by Rose --- desktop/configs/steam/metro/custom.css | 210 + .../configs/steam/metro/friends.custom.css | 3405 +++++++++++++++ .../steam/metro/libraryroot.custom.css | 3693 +++++++++++++++++ desktop/configs/steam/metro/skin.json | 9 + desktop/configs/steam/metro/theme.json | 180 + desktop/configs/steam/metro/webkit.css | 89 + 6 files changed, 7586 insertions(+) create mode 100644 desktop/configs/steam/metro/custom.css create mode 100644 desktop/configs/steam/metro/friends.custom.css create mode 100644 desktop/configs/steam/metro/libraryroot.custom.css create mode 100644 desktop/configs/steam/metro/skin.json create mode 100644 desktop/configs/steam/metro/theme.json create mode 100644 desktop/configs/steam/metro/webkit.css diff --git a/desktop/configs/steam/metro/custom.css b/desktop/configs/steam/metro/custom.css new file mode 100644 index 0000000..8bd9a77 --- /dev/null +++ b/desktop/configs/steam/metro/custom.css @@ -0,0 +1,210 @@ +/* Just an example. Modify as needed. */ + +html:root { + --decal: url(https://rosetheflower.github.io/MetroSteam/decals/6.png); + --decalXY: right 41px; + --focus: 128, 160, 255; + --gameimageBG: transparent; + --clientBG: 0, 0, 0; + --frameBorder: 64, 64, 64; + --header_dark: 12, 12, 12; + --bgGameList: var(--header_dark); + --white05onbgGameList: 24, 24, 24; + --textentry: var(--header_dark); + --whatsnew: none; + --avatarframes: none; + --gamehoverinfo: none; + --notificationsiconactive: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUKM/VkcsJw0AMRJ9C2nAFuqWFLSQdpBlX4x7i49bzfAgh6w857MkeIZCGGQahQKQDNzrRbby3ixj/xEH4mztvPFlim7BPv8wfA3m2RJKvSn1suLlSx5VTXTUypDnjp9J8I8NetyG+5mKZimU6Mqks+MZfZSU7urkAAAAASUVORK5CYII=); + font-family: "Cartograph CF"; + --basefont: "Cartograph CF"; +} + +body, +* { + font-family: "Cartograph CF" !important; + --basefont: "Cartograph CF" !important; +} + +/* The preferred option lines from below should be put inside the curly brackets above to make them active */ +/* Don't forget to save the changes and restart Steam after the fact */ + +/* Option to disable custom avatar frames +--avatarframes: none; +*/ + +/* Option to remove the What's New / Library updates section +--whatsnew: none; +*/ + +/* Option to remove the popups that appear on hovering over a game cover +--gamehoverinfo: none; +*/ + +/* Removes the background behind the game header/image, revealing the decal of choice +--gameimageBG: transparent; +*/ + +/* Accent color ideas (from the original Metro) +--focus: 220, 79, 173; +--focus: 172, 25, 61; +--focus: 210, 71, 38; +--focus: 255, 143, 50; +--focus: 130, 186, 0; +--focus: 0, 138, 23; +--focus: 3, 179, 178; +--focus: 0, 130, 152; +--focus: 93, 178, 255; +--focus: 0, 114, 198; +--focus: 70, 23, 180; +--focus: 140, 0, 149; +*/ + +/* Decal options (use both lines): +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/1.png); +--decalXY: right top; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/2.png); +--decalXY: right bottom; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/3.png); +--decalXY: right bottom; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/4.png); +--decalXY: calc(100% - 1px) 3px; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/5_top.png); +--decalXY: calc(100% - 2px) top; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/5_bot_sm.png); +--decalXY: right bottom; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/6.png); +--decalXY: right 41px; + +--decal: url(https://rosetheflower.github.io/MetroSteam/decals/decal_steam_btmr.png); +--decalXY: calc(100% - 174px) calc(100% - 79px); +*/ + +/* Green notification icon +--notificationsiconactive: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUKM/VkcsJw0AMRJ9C2nAFuqWFLSQdpBlX4x7i49bzfAgh6w857MkeIZCGGQahQKQDNzrRbby3ixj/xEH4mztvPFlim7BPv8wfA3m2RJKvSn1suLlSx5VTXTUypDnjp9J8I8NetyG+5mKZimU6Mqks+MZfZSU7urkAAAAASUVORK5CYII=); +*/ + +/* Metro Dark, from the original theme colors by goodone: + +--clientBG: 0, 0, 0; +--frameBorder: 64, 64, 64; +--header_dark: 12, 12, 12; +--bgGameList: var(--header_dark); +--white05onbgGameList: 24, 24, 24; +--textentry: var(--header_dark); + +*/ + +/* Metro Midnight: + +--frameBorder: 23, 19, 102; +--header_dark: 0, 22, 45; +--textentry: 0, 14, 45; + +*/ + +/* Experimental Metro White theme color values: + +--white03: 0, 0, 0, 0.03; +--white05: 0, 0, 0, 0.05; +--white08: 0, 0, 0, 0.08; +--white10: 0, 0, 0, 0.10; +--white12: 0, 0, 0, 0.12; +--white15: 0, 0, 0, 0.15; +--white20: 0, 0, 0, 0.20; +--white24: 0, 0, 0, 0.24; +--white25: 0, 0, 0, 0.25; +--white35: 0, 0, 0, 0.35; +--white45: 0, 0, 0, 0.45; +--white50: 0, 0, 0, 0.50; +--white75: 0, 0, 0, 0.75; +--white: 0, 0, 0; + +--black03: 255, 255, 255, 0.03; +--black08: 255, 255, 255, 0.08; +--black05: 255, 255, 255, 0.05; +--black10: 255, 255, 255, 0.10; +--black12: 255, 255, 255, 0.12; +--black15: 255, 255, 255, 0.15; +--black20: 255, 255, 255, 0.20; +--black24: 255, 255, 255, 0.24; +--black35: 255, 255, 255, 0.35; +--black25: 255, 255, 255, 0.25; +--black45: 255, 255, 255, 0.45; +--black75: 255, 255, 255, 0.75; +--black: 255, 255, 255; + +--clientBG: 230, 230, 230; +--textentrybuttons: 35, 50, 50; +--ingame: 94, 150, 15; +--online: 66, 104, 255; +--offline: var(--white45); +--frameBorder: 160, 160, 160; +--header_dark: 255, 255, 255; +--textentry: 207, 207, 207; +--bgGameList: 217, 217, 217; +--white05onbgGameList: 206, 206, 206; + +--arrow_up: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtVIqDnYQcchQnSyIijiWKhbBQmkrtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhGaVqWZPDFA1y0gn4mIuvyoGXhFECH0IYFJipp7MLGbhOb7u4ePrXZRneZ/7cwwoBZMBPpE4xnTDIt4gnt20dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpeeIwsVjqYrmLWdlQiWeII4qqUb6Qc1nhvMVZrdZZ+578haGCtpLhOs1RJLCEJFIQIaOOCqqwEKVVI8VEmvbjHv4Rx58il0yuChg5FlCDCsnxg//B727N4vSUmxSKA70vtv0xBgR2gVbDtr+Pbbt1AvifgSut4681gblP0hsdLXIEDG4DF9cdTd4DLneA4SddMiRH8tMUikXg/Yy+KQ8M3QLBNbe39j5OH4AsdbV8AxwcAuMlyl73eHd/d2//nmn39wOKenKwI3uqbwAAAAZiS0dEACcAJwAnEqqtZQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH1JREFUGNO1kcsNg0AMRN9EaYLdDgihEegiEnSaCpIm0sTkYhCfFSKH+Obx89iyZZuzceGH2MGSsqSHpHwIB9ABH6CTlFa0bWLvBIxAHXkdeZ6ZBTgAzVQIvQk9TYeowuG2BDcNI1BdgR542n6XLmD7JUnB0ZYcCxPu+ttTvvv7XYScThKFAAAAAElFTkSuQmCC'); +--arrow_down: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtVIqDnYQcchQnSyIijiWKhbBQmkrtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhGaVqWZPDFA1y0gn4mIuvyoGXhFECH0IYFJipp7MLGbhOb7u4ePrXZRneZ/7cwwoBZMBPpE4xnTDIt4gnt20dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpeeIwsVjqYrmLWdlQiWeII4qqUb6Qc1nhvMVZrdZZ+578haGCtpLhOs1RJLCEJFIQIaOOCqqwEKVVI8VEmvbjHv4Rx58il0yuChg5FlCDCsnxg//B727N4vSUmxSKA70vtv0xBgR2gVbDtr+Pbbt1AvifgSut4681gblP0hsdLXIEDG4DF9cdTd4DLneA4SddMiRH8tMUikXg/Yy+KQ8M3QLBNbe39j5OH4AsdbV8AxwcAuMlyl73eHd/d2//nmn39wOKenKwI3uqbwAAAAZiS0dEACcAJwAnEqqtZQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHpJREFUGNOtkcsJw0AMRN9sF97twL9r0kPKCDgNuia7jPFFDktYiAMR6DDSYxgk2eZqJX6oJGm+AkqaEnCTNH0DgTtAB7yAwTafDYyx785BBhZgbIALkG1TL3I49KH70OVkVJ9OUgEewB7xVtvbG2hkLMCzdmw6//UpBySDWY1+cY3AAAAAAElFTkSuQmCC'); +--forwardicon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRACmAKYApuRk9kYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABZSURBVCjPxdC7DYAwDEXRE1ET1oM52BEK2AmaROIjIBSI29iW3pVsc0+PKdUd1YM4IqJDneYicSu3aDCUilI4yxFjqXhaO6TjMwHLps8sh8xrLr/8iTT/K61sQhRDs82RqwAAAABJRU5ErkJggg=='); +--notificationicon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRACmAKYApuRk9kYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABlSURBVCjP1ZLRCoAgDEXPDT82+6D63NtLwlom5FsDQeY5m0wFmIkoALb1RZLkhckoudIIjjcrbwc/6zgqNN1x+jm4fk5e1Ta2AdYu04AAbk0OUn1wOZHkrmT7PpwwpF1S2x895gS75m5HM9xjCAAAAABJRU5ErkJggg=='); +--notificationsiconactive: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRABmACQA4p5xVPoAAAAJcEhZcwAACxMAAAsTAQCanBgAAABWSURBVCjP1ZFBDoBACAM7Zj+7PkifWy9q0EUPnJSkCZCStgFJVqEmFat82OJgmzcycMaimvFjilFhUP/PH2X7Aknzbj+iD7z7IjnuGac9uFiAo18zzgZmqlStgoYtqgAAAABJRU5ErkJggg=='); +--searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23000000' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); + +*/ + +/* Experimental Metro Blue theme color values: + +--white03: 0, 0, 0, 0.03; +--white05: 0, 0, 0, 0.05; +--white08: 0, 0, 0, 0.08; +--white10: 0, 0, 0, 0.10; +--white12: 0, 0, 0, 0.12; +--white15: 0, 0, 0, 0.15; +--white20: 0, 0, 0, 0.20; +--white24: 0, 0, 0, 0.24; +--white25: 0, 0, 0, 0.25; +--white35: 0, 0, 0, 0.35; +--white45: 0, 0, 0, 0.45; +--white50: 0, 0, 0, 0.50; +--white75: 0, 0, 0, 0.75; +--white: 0, 0, 0; + +--black03: 255, 255, 255, 0.03; +--black08: 255, 255, 255, 0.08; +--black05: 255, 255, 255, 0.05; +--black10: 255, 255, 255, 0.10; +--black12: 255, 255, 255, 0.12; +--black15: 255, 255, 255, 0.15; +--black20: 255, 255, 255, 0.20; +--black24: 255, 255, 255, 0.24; +--black35: 255, 255, 255, 0.35; +--black25: 255, 255, 255, 0.25; +--black45: 255, 255, 255, 0.45; +--black75: 255, 255, 255, 0.75; +--black: 255, 255, 255; + +--clientBG: 230, 230, 230; +--header_dark: 0, 160, 240; +--frameBorder: 40, 120, 160; +--online: 66, 104, 255; +--ingame: 94, 150, 15; +--offline: var(--white45); +--textentry: 51, 153, 204; +--bgGameList: 229, 229, 229; +--white05onbgGameList: 217, 217, 217; + +--arrow_up: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtVIqDnYQcchQnSyIijiWKhbBQmkrtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhGaVqWZPDFA1y0gn4mIuvyoGXhFECH0IYFJipp7MLGbhOb7u4ePrXZRneZ/7cwwoBZMBPpE4xnTDIt4gnt20dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpeeIwsVjqYrmLWdlQiWeII4qqUb6Qc1nhvMVZrdZZ+578haGCtpLhOs1RJLCEJFIQIaOOCqqwEKVVI8VEmvbjHv4Rx58il0yuChg5FlCDCsnxg//B727N4vSUmxSKA70vtv0xBgR2gVbDtr+Pbbt1AvifgSut4681gblP0hsdLXIEDG4DF9cdTd4DLneA4SddMiRH8tMUikXg/Yy+KQ8M3QLBNbe39j5OH4AsdbV8AxwcAuMlyl73eHd/d2//nmn39wOKenKwI3uqbwAAAAZiS0dEACcAJwAnEqqtZQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH1JREFUGNO1kcsNg0AMRN9EaYLdDgihEegiEnSaCpIm0sTkYhCfFSKH+Obx89iyZZuzceGH2MGSsqSHpHwIB9ABH6CTlFa0bWLvBIxAHXkdeZ6ZBTgAzVQIvQk9TYeowuG2BDcNI1BdgR542n6XLmD7JUnB0ZYcCxPu+ttTvvv7XYScThKFAAAAAElFTkSuQmCC'); +--arrow_down: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtVIqDnYQcchQnSyIijiWKhbBQmkrtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhGaVqWZPDFA1y0gn4mIuvyoGXhFECH0IYFJipp7MLGbhOb7u4ePrXZRneZ/7cwwoBZMBPpE4xnTDIt4gnt20dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpeeIwsVjqYrmLWdlQiWeII4qqUb6Qc1nhvMVZrdZZ+578haGCtpLhOs1RJLCEJFIQIaOOCqqwEKVVI8VEmvbjHv4Rx58il0yuChg5FlCDCsnxg//B727N4vSUmxSKA70vtv0xBgR2gVbDtr+Pbbt1AvifgSut4681gblP0hsdLXIEDG4DF9cdTd4DLneA4SddMiRH8tMUikXg/Yy+KQ8M3QLBNbe39j5OH4AsdbV8AxwcAuMlyl73eHd/d2//nmn39wOKenKwI3uqbwAAAAZiS0dEACcAJwAnEqqtZQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHpJREFUGNOtkcsJw0AMRN9sF97twL9r0kPKCDgNuia7jPFFDktYiAMR6DDSYxgk2eZqJX6oJGm+AkqaEnCTNH0DgTtAB7yAwTafDYyx785BBhZgbIALkG1TL3I49KH70OVkVJ9OUgEewB7xVtvbG2hkLMCzdmw6//UpBySDWY1+cY3AAAAAAElFTkSuQmCC'); +--forwardicon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRACmAKYApuRk9kYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABZSURBVCjPxdC7DYAwDEXRE1ET1oM52BEK2AmaROIjIBSI29iW3pVsc0+PKdUd1YM4IqJDneYicSu3aDCUilI4yxFjqXhaO6TjMwHLps8sh8xrLr/8iTT/K61sQhRDs82RqwAAAABJRU5ErkJggg=='); +--notificationicon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRACmAKYApuRk9kYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABlSURBVCjP1ZLRCoAgDEXPDT82+6D63NtLwlom5FsDQeY5m0wFmIkoALb1RZLkhckoudIIjjcrbwc/6zgqNN1x+jm4fk5e1Ta2AdYu04AAbk0OUn1wOZHkrmT7PpwwpF1S2x895gS75m5HM9xjCAAAAABJRU5ErkJggg=='); +--notificationsiconactive: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRABmACQA4p5xVPoAAAAJcEhZcwAACxMAAAsTAQCanBgAAABWSURBVCjP1ZFBDoBACAM7Zj+7PkifWy9q0EUPnJSkCZCStgFJVqEmFat82OJgmzcycMaimvFjilFhUP/PH2X7Aknzbj+iD7z7IjnuGac9uFiAo18zzgZmqlStgoYtqgAAAABJRU5ErkJggg=='); +--searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23000000' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); + +*/ diff --git a/desktop/configs/steam/metro/friends.custom.css b/desktop/configs/steam/metro/friends.custom.css new file mode 100644 index 0000000..b2af81d --- /dev/null +++ b/desktop/configs/steam/metro/friends.custom.css @@ -0,0 +1,3405 @@ +@import url("custom.css"); + +:root { + --chatfont: 13px; + /* Font size for chat messages */ + --basefont: "Cartograph CF Nerd Font"; + --scrollbarSize: 15px; + --focus: 102, 36, 226; + /* Default Metro skin purple accent */ + --W10close_Red_h: 232, 18, 35; + /* Window close button color on hover */ + --W10close_Red_p: 241, 112, 121; + /* Window close button color when pressed */ + --clientBG: 26, 26, 26; + --header_dark: 20, 20, 20; + --frameBorder: 15, 15, 15; + --online: 93, 178, 255; + --ingame: 130, 186, 0; + --offline: 145, 145, 145; + --golden: 255, 255, 99; + --textentry: 39, 39, 39; + --white03: 255, 255, 255, 0.03; + --white05: 255, 255, 255, 0.05; + --white08: 255, 255, 255, 0.08; + --white10: 255, 255, 255, 0.1; + --white12: 255, 255, 255, 0.12; + --white20: 255, 255, 255, 0.2; + --white24: 255, 255, 255, 0.24; + --white25: 255, 255, 255, 0.25; + --white35: 255, 255, 255, 0.35; + --white45: 255, 255, 255, 0.45; + --white50: 255, 255, 255, 0.5; + --white75: 255, 255, 255, 0.75; + --white: 255, 255, 255; + --black05: 255, 255, 255, 0.05; + --black10: 0, 0, 0, 0.1; + --black12: 0, 0, 0, 0.12; + --black20: 0, 0, 0, 0.2; + --black24: 0, 0, 0, 0.24; + --black25: 0, 0, 0, 0.25; + --black45: 0, 0, 0, 0.45; + --black50: 0, 0, 0, 0.5; + --black75: 0, 0, 0, 0.75; + --black: 0, 0, 0; + --red: 255, 0, 0; + --searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23ffffff' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); + --arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); + --arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); +} + +/* Remove animations, round corners and delays */ +* { + box-shadow: none !important; + border-radius: 0 !important; + transition-delay: 1ms !important; + transition-duration: 1ms !important; + text-shadow: none !important; +} + +/* User's name and status */ +.currentUserContainer .labelHolder { + justify-content: center !important; + margin-right: 12px !important; +} + +.currentUserContainer [class*="personanameandstatus_richPresenceLabel_"] { + -webkit-app-region: drag !important; +} + +/* Top friends list part */ +.currentUserContainer { + border-bottom: 1px solid rgb(var(--frameBorder)) !important; + background-color: rgb(var(--header_dark)); +} + +/* Friends list window*/ +.friendlistListContainer { + background: rgb(var(--clientBG)) !important; +} + +/* Top friends list panel bg*/ +.friendListHeaderContainer, +.friendsListSectionTitle { + background-color: rgb(var(--clientBG)) !important; +} + +.friendListHeaderContainer { + border: 0; +} + +/* Bottom panel bg*/ +.friendListFooter { + background-color: rgb(var(--clientBG)) !important; + min-height: 15px !important; + z-index: -1; +} + +/* Top Panel Avatar Effect*/ +.statusHeaderGlow { + opacity: 0 !important; +} + +/* Top Panel Focus Effect*/ +.title-area-highlight { + display: none; +} + +/*Top Panel Focus Line*/ +.singleWindowFocusBar { + height: 0px !important; + background: rgb(var(--clientBG)) !important; + mask: none !important; + -webkit-mask: none !important; +} + +/* Online Friends header */ +.onlineFriends .groupHeaderContainer { + background: rgb(var(--clientBG)) !important; +} + +/* Offline Friends header */ +.offlineFriends .groupHeaderContainer { + background: rgb(var(--clientBG)) !important; +} + +/* Remove each category header margin */ +.FriendsListContent .friendlistListContainer .friendGroup { + border-top: none !important; + margin-top: 0px !important; +} + +/* PlusMinus Friends Header */ +.friendGroup.offlineFriends .groupName .groupCount, +.friendGroup.onlineFriends .groupName .groupCount, +.friendGroup .groupName .groupCount.collapsed { + color: rgb(var(--white)) !important; +} + +/*Number of friends in a category*/ +.friendGroup .groupName .groupCount { + color: rgb(var(--white)) !important; + margin-top: 0px !important; +} + +.groupName { + color: rgb(var(--white)) !important; + font-size: 12px !important; + text-transform: uppercase !important; + margin-bottom: -3px !important; +} + +.friendGroup .groupName { + margin-top: 0px !important; + padding-top: 0px; + padding-bottom: 0px; +} + +.groupName .gameGroupContainer .groupIcon { + height: 16px; + width: 16px; + margin-top: 3px; +} + +/* PlusMinus Friends Header Color*/ +.ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, +.ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine { + stroke: rgb(var(--white)) !important; +} + +.ExpandPlusMinus { + margin-top: 2px !important; +} + +/* zzz icon next to friends' names on the list */ +.listContentContainer [class*="friendsnooze_SnoozeContainer_"] { + display: none !important; +} + +[class*="friendsnooze_SnoozeContainer_"].in-game [class*="friendsnooze_SnoozeZ_"] { + color: rgb(var(--ingame)) !important; +} + +[class*="friendsnooze_SnoozeContainer_"].online[class*="friendsnooze_Dim_"] [class*="friendsnooze_SnoozeZ_"], +[class*="friendsnooze_SnoozeContainer_"].online [class*="friendsnooze_SnoozeZ_"] { + color: rgb(var(--online)) !important; +} + +/* Remove useless "Watch Broadcast" text */ +.friendsContainer .watchingbroadcast .richPresenceContainer .gameName, +.friendlistListContainer .watchingbroadcast .richPresenceContainer .gameName { + position: absolute !important; + opacity: 0 !important; +} + +/* X unread Message in Friends Panel */ +.unreadMessageViolator { + background: rgb(var(--clientBG)) !important; + color: rgb(var(--focus)) !important; + width: calc(100% - 2px) !important; + border: 0 !important; + right: 0px !important; + left: 0px !important; + z-index: 2 !important; +} + +/* Make chat screenshots small at startup */ +.chatImageFull { + width: 120px !important; + /* height: 150px !important; */ +} + +.chatImageContainer img { + /* the container might be a bit buggy but not important*/ + min-width: 100% !important; + min-height: 100% !important; +} + +/* Fix for each friend list to have correct hover height including the rich presence */ +.CompactFriendsList .friend, +.CompactFriendsList .friendGroup .friend, +.CompactFriendsList .friendGroup .SteamPlayerGroupFooter, +.CompactFriendsList .friendGroup.gameGroup:not(.OtherGamesGroup) .friend { + padding: 4px 0 8px 12px; +} + +.chatRoomMembers .CompactFriendsList .friend:hover, +.MemberListColumn .friend:hover { + background-color: rgba(var(--white05)); +} + +/* Friends list items hover colors */ +.friendStatusHover.online:hover, +.friendStatusHover.online.Friend_ContextMenuActive { + background-color: rgba(var(--white05)) !important; +} + +.friendStatusHover.ingame:hover, +.friendStatusHover.ingame.Friend_ContextMenuActive { + background-color: rgba(var(--white05)) !important; +} + +.friendStatusHover.offline:hover, +.friendStatusHover.offline.Friend_ContextMenuActive { + background-color: rgba(var(--white05)) !important; +} + +.friendStatusHover.watchingbroadcast:hover, +.friendStatusHover.watchingbroadcast.Friend_ContextMenuActive { + background-color: rgba(var(--white05)) !important; +} + +.friendStatusHover.golden:hover, +.friendStatusHover.golden.Friend_ContextMenuActive { + background-color: rgba(var(--white05)) !important; +} + +/*Group chats hover*/ +.ChatRoomListGroupItem:hover .ChatRoomListGroupItem_header { + background-color: rgba(var(--white05)); +} + +/* Avatar status boxes */ +.avatarHolder .avatarStatus { + display: none !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] [class*="steamavatar_avatar_"] { + border: none !important; +} + +.offline [class*="steamavatar_avatar_"] { + border: 1px solid rgb(var(--offline)) !important; +} + +.online [class*="steamavatar_avatar_"] { + border: 1px solid rgb(var(--online)) !important; +} + +.ingame [class*="steamavatar_avatar_"] { + border: 1px solid rgb(var(--ingame)) !important; +} + +.watchingbroadcast [class*="steamavatar_avatar_"] { + border: 1px solid #c9bdf7 !important; +} + +.golden [class*="steamavatar_avatar_"] { + border: 1px solid rgb(213, 191, 106) !important; +} + +[class*="chattabs_ChatTab_"] [class*="chattabs_ChatTabContent_Friend_"], +[class*="chattabs_ChatTabContent_ChatRoomName_"] { + opacity: 1 !important; +} + +/* Icons on the friends panel */ +.friendRequestButton .SVGIcon_FriendRequest .friendBodyFull, +.friendRequestButton .SVGIcon_FriendRequest .friendHead, +.friendRequestButton .SVGIcon_FriendRequest .friendArm, +.friendRequestButton .SVGIcon_FriendRequest .friendBody, +.addFriendButton .SVGIcon_AddFriend .friendHead, +.addFriendButton .SVGIcon_AddFriend .friendBody, +.addFriendButton .SVGIcon_AddFriend .plusCircle, +.friendsListSectionTitle .SVGIcon_NewChatGroup { + fill: rgb(var(--white)) !important; +} + +.friendsListSectionTitle, +.activeTab { + color: rgb(var(--white)) !important; + background-color: rgb(var(--clientBG)) !important; +} + +.TabSearchButton .ColorSelector { + fill: rgb(var(--white)) !important; +} + +/* Remove Friends List Top Shadow */ +[class*="insetshadow_FriendListInsetShadowTop_"], +[class*="insetshadow_FriendListInsetShadowBottom_"] { + background: none !important; +} + +/* Remove Playing with X amount of people */ +.SteamPlayerGroupFooterLabel { + display: none !important; +} + +.friend.firstInGroup .SteamPlayerGroupLines, +.friend.inGroup .SteamPlayerGroupLines, +.friend.lastInGroup .SteamPlayerGroupLines, +.SteamPlayerGroupFooter .SteamPlayerGroupLines { + display: none !important; +} + +.SteamPlayerGroupFooterCount .count { + position: absolute !important; + margin-top: -42px !important; + color: rgba(var(--ingame), 1) !important; + font-size: 14px !important; + line-height: 14px !important; + right: 27px !important; + text-align: left !important; +} + +.CompactFriendsList .SteamPlayerGroupFooterCount .count { + display: none !important; +} + +/* Remove heightspace after each friend item */ +.friendGroup .SteamPlayerGroupFooter { + position: absolute !important; +} + +/* Remove waste of space after categorized games */ +.CompactFriendsList .friendsContainer { + padding: 0 !important; +} + +.chatWindow { + background: rgb(var(--clientBG)) !important; + font-size: var(--chatfont) !important; +} + +.chatRoomListContainer { + background: rgb(var(--clientBG)) !important; +} + +.titleBarContainer.ChatTabs { + background: rgb(var(--header_dark)) !important; + border: none !important; +} + +.chatEntryControls { + background-color: rgb(var(--textentry)) !important; +} + +/* Avatar status inside the chat tabs context menu */ +[class*="chattabs_ChatTabContent_Friend_"] .avatarHolder .avatarStatus { + height: 107% !important; + margin: -1px 1px !important; + z-index: -1 !important; +} + +.ChatTabsContextMenu .ChatTabContextMenuItem { + padding: 0 !important; +} + +.ChatTabsContextMenu { + padding-top: 0; +} + +.ScrollToBottomButton { + padding-top: 0px !important; + color: rgb(var(--white)) !important; + z-index: 13 !important; +} + +.ScrollToBottomButton>span { + width: 100% !important; + background: rgb(var(--header_dark)) !important; +} + +.ScrollToBottomButton.UnreadMessages>span { + color: rgb(var(--focus)) !important; + font-weight: 600; +} + +/* Favorites List Unread Indicator */ +.quickAccessFriends.compactQuickAccess .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle { + top: -4px !important; + height: 2px !important; + width: 100% !important; + left: 2px !important; +} + +.quickAccessFriends:not(.compactQuickAccess) .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle { + left: 3px !important; + top: -4px !important; + height: 2px !important; + width: calc(100% - 6px) !important; +} + +.Collapsed .chatSectionTitle .ChatUnreadMessageIndicator .chatUnreadCircle { + background-color: transparent !important; +} + +.ChatUnreadMessageIndicator .chatUnreadCircle { + background-color: rgb(var(--focus)) !important; + border-radius: 3px !important; + width: 6px !important; + height: 6px !important; +} + +.chatHeader { + background: rgb(var(--clientBG)) !important; + min-height: 0px !important; + border-top: 1px solid rgb(var(--frameBorder)) !important; + z-index: 2; +} + +.chatTabList [class*="chattabs_ChatTab_"], +.ChatTabsBackButton { + background: rgb(var(--clientBG)) !important; + /*rgba(var(--white05))*/ + margin-right: 1px !important; + border: 0 !important; + /*border-bottom: 1px solid rgb(var(--focus)) !important;*/ +} + +[class*="chattabs_ChatTab_"] { + background: rgb(var(--clientBG)) !important; + padding-right: 5px !important; +} + +.chatEntry { + background: rgb(var(--textentry)) !important; + padding: 0px !important; +} + +[class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"], +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"], +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] { + background-color: rgb(var(--textentry)) !important; +} + +.VoiceToggle.Inactive:hover, +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"]:hover, +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"]:hover, +[class*="chatentry_chatSubmitButton_"]:hover { + background-color: rgba(var(--white05)) !important; + cursor: default !important; +} + +.ChatMessageEntryVoice { + background-color: rgb(var(--textentry)) !important; + color: rgba(var(--white)) !important; + max-width: 46px !important; + margin-left: 0px !important; + padding: 0; +} + +.ChatMessageEntryVoice.Disabled { + opacity: 0.2; + border: 0px solid transparent !important; + outline: 0px solid transparent !important; +} + +[class*="chatentry_chatSubmitButton_"] { + position: relative; + background-color: rgb(var(--textentry)) !important; + border: 0 !important; + margin-top: 0px !important; + min-width: 32px !important; + min-height: 40px !important; + cursor: default !important; +} + +.chatWindow .chatEntry>.compactableHeight { + height: 40px !important; +} + +.VoiceToggle { + height: 40px !important; + border: 0px transparent !important; +} + +.VoiceToggleIconCtn { + top: 8px !important; + left: 10px; +} + +.chatEntry .activeVoiceFlexBox { + height: 28px !important; +} + +.SVGIcon_Submit, +[class*="chatentry_EmoticonPickerButton_"] .SVGIcon_Emoticon, +[class*="chatentry_EmbedButton_"] .SVGIcon_Paperclip { + width: 20px !important; + height: 20px !important; + margin-top: 2px; + margin-bottom: 2px; +} + +.ChatMessageEntryVoice .activeVoiceButtons button { + max-width: 28px !important; + min-width: 28px !important; + min-height: 28px !important; + max-height: 28px !important; + margin-top: 5px !important; +} + +.ChatMessageEntryVoice .activeVoiceButtons { + width: 64px !important; +} + +.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons { + margin-top: 0; +} + +.ChatMessageEntryVoice.pushToTalkEnabled .VoiceControlPanelButton { + min-height: 14px !important; +} + +.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow { + top: 2px !important; +} + +.ChatMessageEntryVoice .activeVoicePushToTalk { + top: 24px; + right: 0px !important; + width: 66px !important; + text-align: center !important; + color: #74c069; + /* Hardcoded, must be changed */ + background-color: transparent; +} + +.VoiceToggle, +.chatTextarea { + background: rgb(var(--textentry)) !important; +} + +.ChatMessageBlock.SingletonMsg .FriendChatTimeStamp { + background: none !important; +} + +[class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"] { + margin-left: -1px !important; + display: none !important; +} + +[class*="contextmenu_contextMenu_"] { + border: 1px solid rgb(var(--frameBorder)); + background: rgb(var(--clientBG)); + padding: 0px; +} + +[class*="contextmenu_contextMenuItem_"]:hover, +[class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] { + background: rgba(var(--white05)) !important; +} + +[class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] { + padding-right: 0px; +} + +[class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] .SVGIcon_DownArrowContextMenu { + fill: rgba(var(--white)); +} + +/* Settings windows */ +.DialogContent, +.DialogContentTransition, +[class*="pagedcontent_Content_"] { + background: rgb(var(--clientBG)) !important; +} + +.DialogSlider_Value { + background: rgb(var(--focus)) !important; +} + +.DialogSlider_Grabber { + background: rgba(var(--white75)) !important; +} + +button.Primary.DialogButton:not(.Off):not(.Disabled) { + background: rgb(var(--white12)); +} + +[class*="radio_Button_"][class*="radio_Active_"], +[class*="radio_Button_"][class*="radio_Active_"]:hover { + background-color: rgb(var(--focus)); +} + +[class*="toggle_Toggle_"] [class*="toggle_ToggleSwitch_"][class*="toggle_On_"] { + background-color: rgb(var(--focus)); + background-image: none; +} + +[class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"][class*="toggle_Highlight_"] { + background-color: rgba(var(--focus), 0.3); +} + +[class*="radio_Group_"] { + color: rgb(var(--white)); +} + +button.DialogButton:hover { + background: rgb(81, 81, 81) !important; + /* Hardcoded, must be changed */ +} + +button.DialogButton:disabled, +button.DialogButton:disabled:hover { + background: rgb(var(--header_dark)) !important; +} + +.DialogCheckbox path { + stroke: rgb(var(--white)) !important; +} + +button.DialogButton.roleButton.owner:disabled { + background-color: rgb(var(--header_dark)) !important; +} + +.Disabled .DialogOnOffToggle_Option.Active { + background-color: #4f4f4f !important; + /* Hardcoded, must be changed */ +} + +.DialogDropDownMenu._DialogInputContainer { + border: 1px solid #383535 !important; + /* Hardcoded, must be changed */ + background: rgb(var(--header_dark)) !important; +} + +._DialogInputContainer .DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu { + fill: rgba(var(--white75)) !important; +} + +.DialogBody a { + color: rgb(140, 140, 140) !important; + /* Hardcoded, must be changed */ + text-decoration: underline !important; +} + +.DialogBody a:hover { + color: rgba(var(--white75)) !important; +} + +._DialogTextInputBase, +._DialogInputContainer { + background: rgb(var(--textentry)); +} + +.FriendPicker_SuggestedFriend .friend:hover { + background: rgb(var(--white05)); +} + +.DialogDropDown._DialogInputContainer { + color: rgba(var(--white75)) !important; + padding: 3px 5px !important; + border: 1px solid rgb(var(--white12)); +} + +[class*="voicesettings_TransmissionTypeSettings_"] { + border: 1px solid rgb(53, 53, 53) !important; + /* Hardcoded, must be changed */ +} + +.DialogDropDown._DialogInputContainer:hover { + border: 1px solid rgb(var(--white24)); +} + +.DialogDropDown_Arrow { + top: 5px !important; +} + +.Dialog_EditNickName .friend.online ._DialogTextInputBase, +.Dialog_ChangePersonaName .friend.online ._DialogTextInputBase { + border: 1px solid rgb(53, 53, 53) !important; + /* Hardcoded, must be changed */ + color: rgba(var(--white75)) !important; + background: rgb(39, 39, 39) !important; + /* Hardcoded, must be changed */ +} + +.DialogDropDown { + cursor: initial !important; +} + +.DialogLabel, +.DialogLabelStrong { + text-transform: none !important; +} + +.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu { + fill: none !important; +} + +button.DialogButton, +.DialogToggleField_Option:hover:not(.Active) { + background: #4c4c4c; + /* Hardcoded, must be changed */ +} + +.DialogToggleField_Option { + background: #343434 !important; + /* Hardcoded, must be changed */ +} + +.DialogToggleField_Option.Active { + background: rgb(var(--focus)) !important; +} + +.DialogLabel, +.DialogLabelStrong, +._DialogInputContainer { + color: rgb(var(--white50)); +} + +.DialogCheckbox_Container { + padding: 0 !important; +} + +._DialogLayout:not(.DialogButton):not(.DialogContent), +[class*="radio_Group_"] { + background: none !important; +} + +[class*="pagedsettings_PagedSettingsDialog_PageListColumn_"], +[class*="pagedcontent_Nav_"] { + background: rgb(var(--header_dark)) !important; + padding-left: 0px !important; + min-width: 205px !important; + padding-top: 28px; +} + +[class*="pagedcontent_Nav_"] { + padding-right: 0px !important; +} + +[class*="pagedsettings_PagedSettingsDialog_Title_"], +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] { + color: rgb(var(--white)) !important; + font-size: 18px !important; + text-transform: none !important; + margin-left: 15px !important; + margin-top: -3px !important; + font-weight: 200 !important; + padding-left: 0px; +} + +.DialogHeader, +[class*="dialogs_DialogTitle_"] { + color: rgb(var(--white)) !important; + font-size: 18px !important; + text-transform: none !important; + letter-spacing: 0px !important; + font-weight: 200 !important; +} + +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"], +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] { + text-transform: none !important; + font-size: 14px !important; + margin-bottom: 3px !important; + padding: 5px 15px !important; + cursor: default !important; +} + +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"][class*="pagedsettings_Active_"], +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] { + background-color: rgb(76, 76, 76) !important; + color: rgb(var(--white)) !important; +} + +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover { + background-color: rgb(var(--white12)); +} + +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"], +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover, +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"], +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"]:not([class*="pagedcontent_Active_"]):hover { + color: rgb(var(--white50)); +} + +[class*="chatroomgroupsettings_LeaveButton_"] { + margin-left: 5px; +} + +.ModalPosition_TopBar { + display: none; +} + +.DialogToggleField_Option:hover:not(.Active) { + background: rgb(var(--white12)); +} + +.DialogCheckbox .SVGIcon_DialogCheck { + overflow: rgb(var(--white)) !important; +} + +.FriendsSettingsNotificationRow { + background-color: transparent !important; + color: rgb(140, 140, 140) !important; + /* Hardcoded, must be changed */ +} + +.MemberListColumn.MemberListViewCompact ::-webkit-scrollbar { + /* Don't show the scrollbar in compact mode (but container remains scrollable) */ + width: 0 !important; + background: transparent !important; +} + +/* scroll bar*/ +::-webkit-scrollbar { + width: var(--scrollbarSize) !important; +} + +.ChatTabs ::-webkit-scrollbar-thumb { + background-color: transparent !important; +} + +::-webkit-scrollbar-thumb { + border-radius: 0px !important; + background: rgba(var(--white05)) !important; + border: 0px solid #131313 !important; +} + +.chatWindow ::-webkit-scrollbar, +.friendlist ::-webkit-scrollbar { + background: rgb(var(--clientBG)) !important; + width: var(--scrollbarSize) !important; +} + +/* scroll bar button */ +::-webkit-scrollbar-button:single-button { + height: 16px !important; + border-radius: 0px !important; + background-color: none !important; + border: 2px solid transparent !important; + display: block; +} + +/* disables scroll buttons at settings */ +.DialogBody::-webkit-scrollbar-button { + display: none !important; +} + +::-webkit-scrollbar-button:hover { + background-color: rgba(var(--white05)); +} + +/* Remove the following sections when on Linux or Mac */ + +/* Up */ +::-webkit-scrollbar-button:vertical:decrement { + background-image: var(--arrow_up); + background-repeat: no-repeat; + background-position: 0px 0px; +} + +/* Down */ +::-webkit-scrollbar-button:vertical:increment { + background-image: var(--arrow_down); + background-repeat: no-repeat; + background-position: 0px 0px; +} + +/* Remove the above sections when on Linux or Mac */ + +/* hovering for the scrollbar itself */ +::-webkit-scrollbar-thumb:hover { + background-color: rgba(var(--white10)) !important; + border-radius: 0px !important; +} + +.multiChatDialog { + border: 1px solid rgb(var(--frameBorder)) !important; +} + +.friendsListSectionTitle .chatSectionTitle .groupChatSectionTitle { + position: absolute !important; + left: 15px !important; + font-weight: normal; +} + +.groupChatSectionTitle { + font-weight: normal; +} + +/* Groups chat selected category on servers */ +.chatRoomTextChannel.ActiveTextChannel, +.chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover { + background: rgb(var(--white25)); +} + +.chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover .chatRoomTextChannelName { + background: transparent; +} + +.chatRoomGroupNavCollapsed .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .chatRoomVoiceChannelName, +.chatRoomGroupNavCollapsed .chatRoomTextChannel:hover .chatRoomTextChannelName { + background-color: transparent; +} + +/* Friend search input box */ +.friendSearchInput[type="text"]:focus, +.friendSearchInput[type="text"] { + background-color: rgb(var(--textentry)) !important; + color: rgb(var(--white)); +} + +.SearchActive .friendSearchClear { + opacity: 0; +} + +.friendSearchClear:hover { + opacity: 0.5; +} + +.friendSearchClear { + cursor: default; +} + +.SearchActive:focus-within .friendSearchClear:not(:hover) { + opacity: 1; +} + +/* Random stuff from groups area on friends list */ +.chatRoomVoiceChannel .ActiveVoiceChannel { + background-color: #191b1b !important; +} + +.ChatRoomListGroupItem .openGroupButton:hover { + background-color: #2f2e2e !important; +} + +/* Voice control */ +.activeVoiceControls { + background: transparent !important; + border-image: none !important; + border-color: rgb(0, 163, 0) !important; +} + +.OneOnOneVoiceStatusLabel { + margin-top: 1px; + overflow: hidden; + white-space: normal; +} + +.OneOnOneVoiceRoomControls { + white-space: nowrap; +} + +.OneOnOneVoiceActive { + background: rgb(var(--header_dark)) !important; + border-bottom: 1px solid rgb(var(--frameBorder)) !important; +} + +/* Change cursor at groups */ +.voiceRoomDragBar { + cursor: initial !important; +} + +/* Group chats List Height remake */ +.chatRoomListContainer[style="height: 0px; max-height: 0px; min-height: 0px;"] { + display: none !important; +} + +.chatRoomListContainer { + height: 100vh !important; + max-height: calc(100vh - 121px) !important; +} + +/* Friends remove height and remake height */ +.friendlistListContainer { + min-height: 0px !important; +} + +/* Group chats Button Clickable Area */ +.ToggleGroupChatList { + position: absolute !important; + z-index: 11 !important; + right: 50px !important; + width: 100% !important; + height: 30px !important; + opacity: 1 !important; +} + +.Collapsed .ToggleGroupChatList svg { + display: none !important; +} + +.FriendsListChatSection.ChatRoomListContainerParent .ToggleGroupChatList .SVGIcon_DoubleArrow { + width: 123px !important; + height: 8px !important; + margin-top: 11px !important; +} + +/* chat window message entry box */ +[class*="chatentry_chatEntryControls_"] { + background-color: rgb(var(--textentry)) !important; + padding-right: 0px !important; + color: rgb(var(--white)) !important; +} + +/*the box where you type*/ +[class*="chatentry_chatTextarea_"] { + font-size: 13px !important; + background-color: rgb(var(--textentry)) !important; + height: 29px !important; + padding: 5px 5px 5px 5px !important; + color: rgb(var(--white)) !important; +} + +[class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"] { + margin-bottom: 0px !important; +} + +.ChatTabs.compactView .friend [class*="personanameandstatus_richPresenceLabel_"] { + line-height: 13px !important; + font-size: 12px !important; + margin-top: 1px !important; +} + +.ChatTabs.compactView .chatTabList .chatTab, +.ChatTabs.compactView .ChatTabsBackButton { + height: 34px !important; +} + +.ingame.awayOrSnooze [class*="personanameandstatus_richPresenceLabel_"], +.ingame [class*="personanameandstatus_richPresenceLabel_"], +.ingame [class*="personanameandstatus_richPresenceLabel_"] a, +.ingame [class*="personanameandstatus_richPresenceLabel_"] a:hover, +.ingame [class*="personanameandstatus_richPresenceLabel_"] a:active, +.ingame [class*="personanameandstatus_richPresenceLabel_"] a:visited { + color: rgba(var(--ingame), 0.75) !important; +} + +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"], +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited, +.ingame[class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] { + color: rgb(var(--ingame)) !important; +} + +.online [class*="personanameandstatus_richPresenceLabel_"], +.online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, +.online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, +.online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, +.online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited { + color: rgb(var(--online)) !important; +} + +.ingame [class*="personanameandstatus_playerName_"] { + color: rgb(var(--ingame)) !important; +} + +.currentUserContainer .ingame [class*="personanameandstatus_playerName_"], +.friend.ingame { + color: rgb(var(--ingame)) !important; +} + +.online [class*="personanameandstatus_playerName_"] { + color: rgb(var(--online)) !important; +} + +.ingame [class*="steamavatar_avatarStatus_"], +.ingame .X-Large [class*="steamavatar_avatarStatus_"] { + background: rgb(var(--ingame)) !important; +} + +.online [class*="steamavatar_avatarStatus_"] { + background: rgb(var(--online)) !important; +} + +.FriendChatTimeStamp { + font-size: 10px !important; + display: none !important; +} + +.FriendChatTimeStamp.online { + color: #4b8fcc !important; +} + +.FriendChatSpeaker .speaker.online { + color: rgb(var(--online)) !important; +} + +.FriendChatSpeaker .speaker.ingame { + color: rgb(var(--ingame)) !important; +} + +.ChatHistoryContainer .nameWidthLabel, +.ChatSpeaker .speaker { + font-size: 13px !important; +} + +.chatHistoryScroll { + padding: 5px 0px 16px 1px !important; +} + +.window_resize_grip { + background-image: none !important; + width: 5px !important; + height: 5px !important; +} + +.inviteAnotherFriendButton { + background: transparent !important; + cursor: initial !important; +} + +.inviteAnotherFriendButton:hover .invitePlus, +.chatRoomButton:hover:not(.Disabled) .invitePlus { + transform: none !important; +} + +.chatWindow .chatEntry>* { + margin-bottom: 0; +} + +.singlewindow .chatWindow .chatEntry { + padding-left: 0px !important; + padding-right: 0px !important; +} + +.OneOnOneVoiceClose { + background-color: rgb(var(--textentry)) !important; + z-index: 200 !important; +} + +/*emoticons and attachments area*/ +[class*="chatentry_chatEntryActionsGroup_"] { + background-color: rgb(var(--textentry)) !important; + padding: 0px !important; + margin-left: 0px !important; + min-height: 40px; +} + +/*arrow at tab selection*/ +.chatTabSelector { + background: none !important; + border: 0 !important; + width: 16px !important; + height: 16px !important; + left: 2px !important; + top: 7px !important; + cursor: initial !important; +} + +.chatTabSelector .SVGIcon_DownArrowContextMenu { + margin-left: 2px !important; + margin-top: 4px !important; + fill: rgb(113, 113, 113) !important; + width: 15px !important; + height: 15px !important; +} + +.FriendChatTypingNotification { + background-color: transparent; + background: linear-gradient(to top, rgb(var(--clientBG)) 95%, transparent 0); + color: #8c8c8c; + padding: 0px 4px 0px 10px; + font-weight: 300; + text-transform: uppercase; +} + +[class*="chattabs_ChatTab_"] .chatTabHighlight { + height: 0px !important; + z-index: 20 !important; + background: none !important; +} + +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) .chatTabHighlight { + background: none !important; +} + +[class*="contextmenu_contextMenuContents_"] { + font-size: 12px !important; +} + +[class*="contextmenu_contextMenuItem_"] { + padding: 4px 10px !important; + line-height: 16px !important; + color: rgb(var(--white)) !important; + border-top: none !important; + border-bottom: none !important; +} + +[class*="contextmenu_contextMenuItem_"] li:nth-child(2) { + display: none !important; +} + +.contextMenuUnselectable:hover, +.contextMenuGameTitle, +.contextMenuBroadcast, +.contextMenuGameOptions { + background-color: rgb(var(--clientBG)) !important; +} + +.contextMenuGameTitle { + border-top: 1px solid rgb(53, 53, 53) !important; +} + +.contextMenuGameOptions .SVGIcon_Play { + display: none !important; +} + +html[class*="contextmenu_ContextMenuPopup_"] [class*="contextmenu_contextMenuContents_"] { + padding: 0 !important; +} + +.currentUserAvatar:hover { + transform: none !important; + filter: none !important; +} + +[class*="miniprofile_miniProfileBackground_"] { + background: rgb(var(--clientBG)) !important; +} + +[class*="miniprofile_miniProfileBackgroundBlur_"] { + opacity: 0 !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"]) [class*="miniprofile_personaNameLabel_"], +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_personaName_"][class*="miniprofile_nickName_"] [class*="miniprofile_personaNameLabel_"] { + color: rgb(var(--ingame)) !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"]) [class*="miniprofile_personaNameLabel_"], +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_personaName_"][class*="miniprofile_nickName_"] [class*="miniprofile_personaNameLabel_"] { + color: rgb(var(--online)) !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"] [class*="miniprofile_nickname_"], +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"] [class*="miniprofile_persona_"], +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] { + color: rgb(var(--online)) !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_playerAvatar_"] { + border-bottom: 2px solid rgb(var(--online)) !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerAvatar_"] { + border-bottom: 2px solid rgb(var(--ingame)) !important; +} + +[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_VR path, +[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_MobilePhone path, +[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_BigPicture path { + fill: rgb(var(--online)) !important; +} + +[class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_VR path, +[class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_MobilePhone path, +[class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_BigPicture path { + fill: rgb(var(--ingame)) !important; +} + +/* Settings icon image*/ +.friendSettingsButton .SVGIcon_Settings { + width: 15px !important; + height: 15px !important; + padding: 5px !important; +} + +.friendSettingsButton .SVGIcon_Settings path { + fill: rgb(var(--white)) !important; +} + +/* Settings button itself */ +.friendSettingsButton { + cursor: initial !important; +} + +.friendSettingsButton:hover .SVGIcon_Settings { + background-color: rgba(var(--white05)) !important; + animation: none !important; +} + +.friendListButtons { + right: 4px !important; + top: 27px !important; +} + +/* Glow of unread messages*/ +.ChatUnreadMessageIndicator { + background: none !important; +} + +.chatSectionTitle .ChatUnreadMessageIndicator { + top: 12px !important; + padding: 0 !important; + left: 5px !important; + height: 6px !important; + width: 6px !important; + background: rgb(var(--focus)) !important; + border-radius: 3px !important; +} + +[class*="chattabs_UnreadCircle_"] { + background-color: rgb(var(--focus)) !important; + border-radius: 50% !important; +} + +[class*="chattabs_UnreadGlow_"] { + background: none !important; +} + +[class*="chattabs_Active_"] .chatTabUnreadBadge { + display: none !important; +} + +.chatTab.ChatTabTransiton-exit, +.chatTab.ChatTabTransiton-exit-active, +.chatTab.ChatTabTransiton-appear-active, +.chatTab.ChatTabTransiton-enter-active, +.chatTab.ChatTabTransiton-appear, +.chatTab.ChatTabTransiton-enter { + transform: none !important; +} + +[class*="emoticon_EmoticonSelector_Separator_"] [class*="emoticon_EmoticonSelector_SeparatorBackground_"] { + height: 1px !important; + background: black !important; +} + +/*Suggested commands and emoticons*/ +[class*="suggestdialog_suggestOption_"] { + color: #fefefe !important; + background-color: rgb(var(--clientBG)) !important; + line-height: 20px !important; + margin: 0px !important; + border: 1px solid rgb(var(--frameBorder)) !important; + padding: 2px !important; + padding-left: 22px !important; +} + +[class*="suggestdialog_mentionDialog_"] { + padding: 0px 0px 0px 0px !important; +} + +.currentUserContainer .ContextMenuButton { + padding-top: 0px !important; + opacity: 0.6 !important; +} + +.titleBarContainer .currentUserContainer .ContextMenuButton { + margin-top: -2px !important; + margin-bottom: 2px !important; +} + +[class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] { + color: !important; + background-color: #4b4b4b !important; + padding-left: 22px !important; +} + +.timeDivision.time_passes .preHorizDivider, +.timeDivision.time_passes .horizDivider { + border: none; + border-top: 1px solid rgb(var(--white12)); + margin-left: 0; +} + +.timeDivision .preHorizDivider { + width: 15% !important; +} + +.timeDivision .preHorizDivider, +.timeDivision .horizDivider { + background-color: rgb(var(--clientBG)) !important; +} + +.msg.timeDivision { + font-size: 12px; + color: rgb(var(--offline)); +} + +/*Connection issues message*/ +.ConnectionTroubleContent { + background: rgb(var(--focus)) !important; +} + +/*URLs*/ +.msg a, +[class*="bbcode_ChatMessageSteamStore_Name_"] { + color: rgba(var(--white75)) !important; + text-decoration: underline !important; + border-bottom: none !important; +} + +.msg .OpenGraphMessageURL, +.OpenGraphMessageURL_full { + color: rgba(var(--white75)) !important; +} + +.msg a:hover, +[class*="bbcode_ChatMessageSteamStore_Name_"]:hover, +.BBCodeTitle:hover { + color: !important; + border-bottom: none !important; + filter: brightness(0.9) !important; +} + +/*selected text for copying etc*/ +::selection { + background: rgba(var(--focus), 0.9) !important; +} + +.SVGIcon_MobilePhone { + fill: none !important; +} + +.chatTabSelector .SVGIcon_DownArrowContextMenu:hover, +.chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu:hover { + fill: rgb(var(--white)) !important; +} + +.chatTabList [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) { + background: rgb(var(--header_dark)) !important; + border-bottom: 1px transparent !important; +} + +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"], +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_ChatRoom_"] { + filter: grayscale(100%) !important; + opacity: 0.5 !important; +} + +[class*="chattabs_ChatTab_"]:hover:not([class*="chattabs_Active_"]), +.ChatTabsContextMenu [class*="chattabs_ChatTab_"]:hover { + background-color: rgba(var(--white05)) !important; +} + +.msg.ChatMsgSlashEmote .speaker { + background: rgb(var(--textentry)) !important; + color: rgb(var(--online)) !important; +} + +/*group chat member count*/ +.statMembersOnline { + color: rgb(var(--online)) !important; +} + +.statMembersInGame { + color: rgb(var(--ingame)) !important; +} + +.inviteButton.inviteButtonJoinVoice { + background: rgb(var(--white12)); +} + +.inviteButton.inviteButtonJoinVoice:hover { + background: rgb(var(--white24)); +} + +.OneOnOneVoiceRoomControls { + background-color: rgb(var(--clientBG)) !important; +} + +.msg.voiceChannelInvite { + color: rgba(var(--white50)) !important; + float: left; +} + +.SlashCommandSuggestion_SlashCommandDescription { + color: rgba(var(--white50)) !important; +} + +.SingleUserChat .msg { + margin-right: 4px !important; +} + +.SingleUserChat .msgText { + margin-right: 6px !important; + margin-left: 8px !important; +} + +.MultiUserChat .isCurrentUser .msgText { + color: rgb(var(--offline)) !important; +} + +/*Unread notification circle in chat context menu*/ +.ChatTabsContextMenu.compactView .ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge:before { + right: 0px !important; + background-color: rgb(var(--focus)) !important; +} + +.ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge { + display: initial !important; + background: none !important; +} + +/*Friend request and Add friend buttons*/ +.addFriendButton:hover .SVGIcon_AddFriend .plusCircle, +.friendRequestButton:hover .requestsNumber { + transform: none !important; +} + +.addFriendButton:hover .SVGIcon_AddFriend, +.friendRequestButton:hover .SVGIcon_FriendRequest { + background-color: rgba(var(--white05)) !important; +} + +.friendRequestButton:hover:not(.friendRequestViewActive) .SVGIcon_FriendRequest .friendArm { + animation-name: none !important; +} + +.ContextMenuButton { + cursor: default !important; +} + +button.DialogButton { + color: rgb(var(--white)); + background: rgba(var(--white12)); +} + +.voiceMicTestContainer { + padding: 0 !important; +} + +.voiceSelfDirections { + background-color: rgb(var(--clientBG)) !important; +} + +button.DialogButton.Primary:hover { + background: rgb(var(--white24)); +} + +.NonInlinedEmbed .SVGIcon_Video path, +.NonInlinedEmbed .SVGIcon_Image path, +.NonInlinedEmbed .SVGIcon_Hyperlink { + fill: rgb(var(--white)) !important; + stroke: rgb(var(--white)) !important; +} + +/* Hide status icons (mobile, VR, etc) from some areas*/ +.currentUserContainer [class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"], +[class*="miniprofile_miniProfile_"] [class*="personastatusicons_PersonaStatusIcon_"] { + display: none !important; +} + +.ChatRoomSpeaker .speaker .speakerAvatar, +.ChatMsgSlashEmote .speaker .speakerAvatar { + visibility: hidden; + width: 9px !important; +} + +[class*="messages_SpeakerName_Online_"] { + color: rgb(var(--online)) !important; +} + +[class*="messages_SpeakerName_InGame_"] { + color: rgb(var(--ingame)) !important; +} + +[class*="chattabs_ChatTabContent_Friend_"] .friend.offline .avatarHolder, +[class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .avatarHolder { + filter: brightness(60%) !important; +} + +.friend.offline .avatarHolder img.avatar { + filter: none !important; +} + +.speakerTimeStamp { + font-size: 11px; + color: rgb(var(--offline)); +} + +.MultiUserChat .msg:not(.ChatMsgSlashEmote) { + padding-left: 10px !important; +} + +.MultiUserChat .msg { + padding: 1.8px 0 !important; +} + +.msg { + line-height: 20px !important; +} + +.ChatRoomSpeaker { + padding-top: 0px !important; + margin-top: -4px !important; +} + +.msg.serverMsg .msgText { + text-align: left !important; + color: rgb(var(--white50)) !important; +} + +[class*="miniprofile_miniProfile_"] { + border: 1px solid rgb(var(--frameBorder)) !important; +} + +/*Nickname * indicator in chat window*/ +.chatBody .playerNicknameBracket { + display: none !important; +} + +/*new emoticon icon color*/ +[class*="emoticon_NewEmoticonIndicator_"] { + background: none !important; + top: 98% !important; + right: 0% !important; + left: 0% !important; +} + +[class*="emoticon_NewEmoticonIndicator_"] [class*="emoticon_NewEmoticonCircle_"] { + width: 100% !important; + height: 1px !important; + background-color: rgb(var(--focus)) !important; +} + +[class*="steamavatar_avatarFrame_"] { + display: var(--avatarframes); +} + +/* Hide status line of inactive tabs */ +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] .avatarHolder .avatarStatus, +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] [class*="steamavatar_avatarFrame_"] { + opacity: 0 !important; +} + +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] [class*="steamavatar_avatar_"] { + border: 1px solid transparent !important; +} + +.NonInlinedEmbed .SVGIcon_Hyperlink { + display: none !important; +} + +/*Invite box*/ +.ChatMessageInvite { + background: rgba(0, 0, 0, 0.45) !important; + border-left: 3px solid rgb(var(--focus)); + color: rgb(var(--offline)) !important; +} + +.inviteButton { + background: rgb(var(--white12)); +} + +.inviteButton:hover { + background: rgb(var(--white24)); +} + +.msg.ChatMessageInvite .invitedTimeLabel, +.Invite_ExpireTime { + color: gray !important; +} + +.gameInviteMsg .productImage.productImageBlur, +.broadcastInviteMsg .productImage.productImageBlur, +.broadcastViewRequestMsg .productImage.productImageBlur { + filter: opacity(0) !important; +} + +/*Embedded elements*/ +.msg div.ChatMessageOpenGraph, +.msg div.SteamPublishedFile, +.BBCodeYouTubeComponent, +[class*="bbcode_ChatMessageTweet_"]:not([class*="bbcode_ChatMessageTweet_Body"]):not([class*="bbcode_ChatMessageTweet_Header"]):not([class*="bbcode_ChatMessageTweet_Logo"]):not([class*="bbcode_ChatMessageTweet_ScreenName"]):not([class*="bbcode_ChatMessageTweet_Verified"]):not([class*="bbcode_ChatMessageTweet_Footer"]):not([class*="bbcode_ChatMessageTweet_Name"]):not([class*="bbcode_ChatMessageTweet_Created"]), +.BBCodeOEmbedComponent, +[class*="bbcode_ChatMessageSteamStore_Failed_"], +[class*="bbcode_ChatMessageSteamStore_"]:not([class*="_ViewStore_"]):not([class*="_Footer_"]):not([class*="_Header"]):not([class*="Details"]):not([class*="_Name"]):not([class*="_GameNameAndIcon"]):not([class*="_Description"]):not([class*="bbcode_ChatMessageSteamStore_Body"]):not([class*="bbcode_ChatMessageSteamStore_Pricing"]) { + background: rgb(var(--black45)); +} + +[class*="bbcode_ChatMessageSteamStore_Header_"] { + background: none !important; +} + +.BBCodeCollapsed, +.BBCodeCollapsed:hover { + background-color: rgba(0, 0, 0, 0.45) !important; +} + +[class*="bbcode_ChatMessageTweet_"], +[class*="bbcode_ChatMessageSteamStore_Failed_"], +[class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]), +[class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]) span { + color: rgb(var(--white75)) !important; +} + +.OpenGraphImgBackground .ChatMessageOpenGraph_Image { + display: none !important; +} + +/*Search box at the top of friends list*/ +.TabSearchButton:hover { + background-color: rgb(var(--clientBG)) !important; +} + +.TabSearchButton { + margin-top: 3px; +} + +/*Hide single window switch button*/ +.title-area-icon.singleWindowToggle { + display: none !important; +} + +/*Line that separates friends and chat windows in single window mode*/ +.singleWindowDivider { + min-width: 1px !important; + width: 1px !important; + background-color: rgb(var(--frameBorder)) !important; + border: none !important; +} + +.chatDialogs { + background: rgb(var(--clientBG)) !important; +} + +.friend [class*="personanameandstatus_richPresenceLabel_"] { + margin-top: 0px !important; +} + +.awayOrSnooze [class*="steamavatar_avatarStatus_"] { + -webkit-mask: none !important; +} + +.socialListTab { + letter-spacing: 1px !important; + padding-left: 15px !important; + font-weight: normal; +} + +.compactView .socialListTab { + height: 27px !important; +} + +.friendsListSectionTitle { + letter-spacing: 1px !important; + z-index: 2; + padding-left: 15px !important; +} + +.friendlistListContainer .friend .avatarHolder { + width: 34px !important; + height: 34px !important; + transform: scale(1, 1) translateX(0px) !important; + padding-right: 0px !important; +} + +.CompactFriendsList .SteamPlayerGroupFooter .SteamPlayerGroupFooterCount, +.CompactFriendsList .friend .avatarHolder { + height: 24px !important; + width: 24px !important; +} + +.CompactFriendsList .friend .avatarHolder { + padding-right: 2px !important; +} + +/* Miniprofile avatar */ +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] { + height: 90px !important; +} + +.friendGroup .friend, +.friendGroup .SteamPlayerGroupFooter { + padding-left: 15px; + padding-top: 8px; +} + +.FriendInGameIcon { + margin-left: -18px !important; + margin-right: 15px !important; + margin-top: 4px !important; +} + +.AvatarAndUser { + padding-left: 15px !important; + padding-top: 12px !important; +} + +.currentUserAvatar img.avatar, +.currentUserAvatar .avatarHolder { + width: 32px !important; + height: 32px !important; +} + +[class*="chattabs_ChatTabRow_"] .friend [class*="personanameandstatus_statusAndName_"] { + margin-top: -1px !important; +} + +[class*="chattabs_ChatTabRow_"] .friend .ingame [class*="personanameandstatus_statusAndName_"] { + margin-top: -2px !important; +} + +.friend [class*="personanameandstatus_statusAndName_"] { + margin-top: -5px !important; +} + +.compactView .friend [class*="personanameandstatus_statusAndName_"] { + margin-top: -3px !important; +} + +.currentUserContainer [class*="personanameandstatus_playerName_"] { + font-size: 14px !important; + font-weight: normal; +} + +.friendlist .labelHolder { + margin-left: 9px !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_avatarStatus_"][class*="miniprofile_miniProfileAvatarStatus_"] { + margin-bottom: -4px !important; +} + +.title-area-icon { + padding: 0; + margin-top: 0px !important; +} + +.DesktopUI .title-area .title-bar-actions, +.friendsui-container .title-area .title-bar-actions { + margin-right: 0px; +} + +.title-area .title-bar-actions { + right: 0px !important; +} + +/*Gray hover color for every title bar button +.title-area-icon:hover{ +background: rgba(var(--white05))!important;}*/ + +.friendsui-container .title-area-icon .SVGIcon_Minimize { + margin-top: 2px; + width: 11px; + height: 12px; +} + +.friendsui-container .title-area-icon .SVGIcon_Maximize { + width: 12px; + height: 13px; +} + +.friendsui-container .title-area-icon .SVGIcon_X_Line { + width: 12px; + height: 12px; +} + +.minimizeButton:hover, +.maximizeButton:hover, +.restoreButton:hover { + background: rgba(var(--white05)) !important; +} + +.minimizeButton:active, +.maximizeButton:active, +.restoreButton:active { + background: rgba(var(--white10)) !important; +} + +.closeButton:not([class*="chattabs_CloseButton_"]):hover { + background: rgb(var(--W10close_Red_h)) !important; +} + +.closeButton:not([class*="chattabs_CloseButton_"]):active { + background: rgb(var(--W10close_Red_p)) !important; +} + +.multiChatDialog .title-area-icon { + padding: 0 !important; +} + +.title-area-icon .SVGIcon_Button rect, +.title-area-icon .SVGIcon_Button line, +.title-area-icon .SVGIcon_Button polyline { + stroke: rgb(var(--white)) !important; +} + +.singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_statusAndName_"], +.singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] { + margin-right: 10px !important; +} + +.chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu { + fill: rgb(var(--focus)) !important; +} + +.title-area-icon .SVGIcon_Maximize line { + display: none !important; +} + +.chatTabDraggableSpace.ChromeClearance, +.chatTabDraggableSpace { + width: 15px !important; +} + +.chatTabDraggableSpace.ChromeClearance { + width: 80px !important; + height: 18px !important; +} + +.VoiceToggleIconCtn .SVGIcon_VoiceRoom .Microphone, +[class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit path { + fill: rgb(var(--white75)) !important; +} + +[class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]):hover .SVGIcon_Button.SVGIcon_Submit path { + stroke: none !important; +} + +[class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit { + margin-top: 6px !important; +} + +/*Unread messages count near username in friendslist*/ +.FriendMessageCount { + background: rgb(var(--focus)) !important; + color: rgb(var(--white)) !important; + font-size: 15px !important; + line-height: 30px !important; + height: 30px !important; + min-width: 30px !important; + padding: 0px !important; + z-index: 99 !important; + border-radius: 30px !important; +} + +.CompactFriendsList .FriendMessageCount { + line-height: 24px !important; + height: 24px !important; + min-width: 24px !important; +} + +/*Unread messages box at chat tabs*/ +.chatTab .chatTabUnreadBadge { + color: rgb(var(--white)) !important; + background: rgb(var(--focus)) !important; +} + +.quickAccessFriends .friend.friend.awayOrSnooze .avatarHolder img { + opacity: initial !important; +} + +.quickAccessFriends:not(.emptyQuickAccess) { + padding-left: 5px !important; + border-bottom: 1px solid rgb(var(--frameBorder)); +} + +[class*="chattabs_CloseButton_"] { + cursor: default !important; +} + +.chatTabList [class*="chattabs_ChatTab_"], +.ChatTabsBackButton { + width: 170px !important; +} + +.compactView [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] { + transform: scale(1.16) !important; +} + +.inviteAnotherFriendButton .SVGIcon_Button { + fill: rgb(var(--white)) !important; + opacity: 0.4 !important; +} + +.inviteAnotherFriendButton .SVGIcon_Button line, +.chatRoomButton .SVGIcon_Button line { + stroke: rgb(var(--white)) !important; +} + +.inviteAnotherFriendButton:hover { + background: rgba(var(--white05)) !important; +} + +.chatRoomButton .SVGIcon_Button { + fill: rgb(var(--white)) !important; +} + +.chatRoomButton:hover { + background: rgba(var(--white05)) !important; +} + +.TradeOfferInvite .leftInviteContainer .SVGIcon_Trade { + background-color: rgb(var(--focus)) !important; +} + +.friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle { + stroke: rgba(var(--white50)) !important; +} + +.friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle { + width: 4px !important; + height: 17px !important; + margin-left: 1px !important; + stroke: rgb(var(--white)) !important; +} + +.friendlistListContainer .SVGIcon_PlusCircle circle { + stroke-width: 180px !important; + opacity: 1 !important; +} + +.friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, +.ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine { + display: none !important; +} + +.friendlistListContainer .ExpandPlusMinus { + opacity: 1 !important; +} + +.friendGroup.offlineFriends .groupName .groupCount, +.friendGroup.onlineFriends .groupName .groupCount, +.friendGroup .groupName .groupCount.collapsed, +.friendGroup .groupName .groupCount { + opacity: 1 !important; + color: rgb(var(--white50)) !important; + transform: translateX(3px) !important; +} + +.dropTargetBox { + border: 2px dashed rgba(var(--focus), 0.4) !important; +} + +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerNicknameBracket_"], +[class*="personanameandstatus_playerNickname_"], +.ChatRoomSpeaker .speaker .speakerName .playerNickname, +[class*="personanameandstatus_playerNicknameBracket_"], +.ChatTabs [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerNickname_"], +.playerNicknameBracket { + color: rgba(var(--white75)) !important; +} + +.ChatRoomSpeaker .speaker .speakerName { + margin-top: 3px !important; +} + +/* Status line for avatars in chat tabs*/ +[class*="chattabs_ChatTab_"] .ChatTabContent .avatarHolder .avatarStatus { + z-index: 3 !important; + margin: 0px !important; + position: absolute !important; + height: 100% !important; +} + +.chat_main_flex { + border: 1px solid rgb(var(--frameBorder)) !important; +} + +.DialogToggleField_Option:not(.Active) { + color: transparent !important; +} + +.friend.ingame [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] { + color: inherit !important; +} + +[class*="contextmenu_contextMenu_"] .compactView .avatar { + padding: 0px !important; +} + +.ChatTabContent .avatarHolder .avatar { + padding: 1px; + height: auto !important; +} + +.ChatTabs:not(.compactView) .ChatTabContent .avatarHolder .avatar { + width: 32px !important; +} + +.ChatTabs:not(.compactView) .ChatTabContent .avatarHolder { + margin-top: 4px !important; + margin-left: 2px !important; +} + +.offline [class*="personanameandstatus_playerName_"] { + color: rgb(var(--offline)) !important; +} + +.offline [class*="personanameandstatus_richPresenceLabel_"], +.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, +.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, +.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, +.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited { + color: rgb(var(--offline)) !important; +} + +.msgText { + color: rgba(var(--white75)) !important; +} + +.smallChatFont .msg.serverMsg .msgText, +.smallChatFont .nameWidthLabel, +.ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, +.smallChatFont .msg { + line-height: 14px !important; +} + +.smallChatFont .chatTextarea, +.smallChatFont .msg.serverMsg .msgText, +.FriendsSettingsChatFontSizeSection_ButtonRow .smallFontSetting, +.smallChatFont .ChatMessageOpenGraph_Title, +.smallChatFont .nameWidthLabel, +.ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, +.smallChatFont { + font-size: 12px !important; +} + +.friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle:hover { + stroke: rgb(var(--white)) !important; +} + +.contextMenuGameName { + color: rgb(var(--white)) !important; +} + +.currentUserContainer [class*="personanameandstatus_richPresenceContainer_"] { + margin-top: 4px !important; +} + +[class*="personanameandstatus_richPresenceContainer_"] { + width: calc(100% - 20px) !important; +} + +.ChatRoomListGroupItem .groupNameStatusContainer .chatRoomName { + color: rgb(var(--white)) !important; +} + +.confirmInviteRequestContainer .cancelAddFriends .SVGIcon_Arrow polyline { + stroke: rgb(var(--white)); +} + +[class*="personanameandstatus_playerName_"] { + -webkit-mask: none !important; +} + +button.DialogButton::before { + box-shadow: none !important; +} + +[class*="emoticon_EmoticonSelector_Item_"]:hover [class*="emoticon_emoticon_"][class*="emoticon_large_"] { + transform: none !important; + filter: none !important; +} + +[class*="emoticon_EmoticonSelector_Item_"]:hover, +[class*="emoticon_StickerButton_"]:hover, +[class*="emoticon_RoomEffectButton_"]:hover { + background-color: rgba(var(--white05)) !important; +} + +.ChatMessageBlockDelete { + left: 0px !important; + top: 25px !important; +} + +.quickAccessFriends.compactQuickAccess .favoriteElement:hover .friend .avatarHolder { + transform: scale(1) !important; +} + +.chatTabSelector.UnreadMessages .ChatUnreadMessageIndicator { + width: 5px !important; +} + +[class*="personanameandstatus_playerName_"], +[class*="personanameandstatus_playerNickname_"] { + font-size: 13px !important; + text-overflow: ellipsis !important; +} + +.friendlist [class*="personanameandstatus_richPresenceLabel_"] { + -webkit-mask: linear-gradient(to right, + black calc(100% - 10px), + rgba(0, 0, 0, 0) calc(100% - 10px)) !important; +} + +[class*="personanameandstatus_richPresenceLabel_"] { + -webkit-mask: linear-gradient(to right, + black 98%, + rgba(0, 0, 0, 0) 98%) !important; +} + +.contextMenuGameItem { + -webkit-mask: linear-gradient(to right, + black 100%, + rgba(0, 0, 0, 0) 100%) !important; +} + +.ChatSpeaker.ChatRoomSpeaker .speaker .rankIcon>* { + top: 5px !important; +} + +.MemberListColumn { + border-left: 1px solid rgb(var(--frameBorder)) !important; +} + +.chatRoomMembers { + border-left: none; +} + +.chatRoomGroupHeader { + border-bottom: 1px solid rgb(var(--frameBorder)) !important; +} + +img[class*="emoticon_emoticon_"][class*="emoticon_large_"] { + margin-top: 0px !important; + margin-bottom: 0px !important; +} + +img[class*="emoticon_emoticon_"] { + vertical-align: bottom; +} + +.friend .watchingbroadcast [class*="personanameandstatus_statusAndName_"] { + margin-top: -8px !important; +} + +.compactView .friend .watchingbroadcast [class*="personanameandstatus_statusAndName_"] { + margin-top: -4px !important; +} + +.titleBarContainer .currentUserContainer [class*="personanameandstatus_richPresenceLabel_"]:not([class*="personanameandstatus_gameName_"]) { + margin-top: -1px !important; +} + +.ChatTabsContextMenu.CompactFriendsList .friend { + margin-top: 0px !important; + padding-left: 1px !important; +} + +.ChatRoomMultiFriendAvatar, +.ChatRoomGroupAvatar { + border: 1px solid #535c68 !important; +} + +.FriendsSettingsVoiceTransmissionType_ButtonRow, +.FriendsSettingsFlashSection_ButtonRow { + background-color: transparent !important; +} + +.DialogSlider_Slider { + border: 1px solid #2a2d33 !important; + background: transparent !important; +} + +[class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .labelHolder, +[class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .avatarHolder .avatarStatus, +[class*="chattabs_ChatTabContent_Friend_"] .friend.offline .avatarHolder .avatarStatus, +[class*="chattabs_ChatTabContent_Friend_"] .friend.offline .labelHolder { + opacity: 0.5 !important; +} + +.friend.awayOrSnooze .playerNameQuickAccessContainer, +.friend.awayOrSnooze .labelHolder { + opacity: 1 !important; +} + +.friend.awayOrSnooze { + opacity: 1; + filter: none; +} + +.friendsListSectionTitle .SVGIcon_NewChatGroup line { + stroke: rgb(var(--clientBG)) !important; +} + +.friendSearchClear .SVGIcon_X_Line line, +[class*="chattabs_ChatTab_"] .chatTabClose .SVGIcon_X_Line line { + stroke: rgb(var(--white)) !important; +} + +.chatTabList [class*="chattabs_Active_"], +[class*="chattabs_ChatTabContent_ChatRoomName_"] { + color: rgb(var(--white)) !important; +} + +.changeLog .SVGIcon_Scroll path { + fill: rgb(var(--white)) !important; +} + +.changeLog { + right: 9px !important; +} + +.changeLog .SVGIcon_Scroll { + width: 18px !important; + height: 18px !important; +} + +.changeLog:hover { + background-color: rgba(var(--white05)) !important; +} + +.currentUserContainer [class*="personanameandstatus_statusAndName_"] { + margin-right: 55px !important; + -webkit-app-region: drag !important; +} + +.currentUserContainer [class*="personanameandstatus_playerName_"] { + -webkit-app-region: drag !important; +} + +.compactQuickAccess .friend.quickAccessFriend .avatarHolder .avatar, +.friend.quickAccessFriend .avatarHolder .avatar { + height: auto !important; +} + +.friendCollapseButton, +.friendSettingsButton, +.friendCollapseButton .SVGIcon_DoubleArrow, +.chatTabOpenFriendsList { + cursor: default !important; +} + +.chatTabOpenFriendsList { + color: rgba(var(--white75)) !important; + background-color: rgb(var(--clientBG)) !important; +} + +.chatTabOpenFriendsList:hover { + background-color: rgba(var(--white05)) !important; +} + +.friend.online { + color: rgb(var(--online)) !important; +} + +[class*="friendsnooze_SnoozeContainer_"][class*="friendsnooze_Dim_"] [class*="friendsnooze_SnoozeZ_"] { + filter: none !important; +} + +[class*="shared_svg_library_EmoticonBow_"] { + top: 0 !important; +} + +[class*="steamavatar_avatarHolder_"].X-Small { + width: 30px !important; + height: 30px !important; +} + +.compactView [class*="steamavatar_avatarHolder_"].X-Small { + margin-top: 2px !important; +} + +[class*="chattabs_ChatTab_"]:before, +[class*="chattabs_ChatTab_"]:last-of-type:after { + width: 0 !important; +} + +[class*="emoticon_StickerButton_"], +[class*="emoticon_RoomEffectButton_"] { + background: none !important; +} + +.socialListTab.TabSearchActive { + padding-left: 12px !important; + background-color: rgb(var(--textentry)) !important; +} + +.friendlist .friend [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerName_"], +.friendlist .friend [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerNickname_"], +.friendlist .ingame [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] { + font-size: 11px !important; +} + +.friendlist { + background: rgb(var(--clientBG)); +} + +[class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] { + margin-top: -7px !important; +} + +.compactView [class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] { + margin-top: -6px !important; +} + +.SVGIcon_Button.SVGIcon_CopyToClipboard { + stroke: rgba(var(--white75)); +} + +[class*="chattabs_CloseButton_"] .SVGIcon_X_Line line { + stroke: rgb(var(--white35)); +} + +.FriendsListChatSection.ChatRoomListContainerParent { + border-top: 1px solid rgb(var(--frameBorder)) !important; +} + +.friendlistListContainer .friend.ingame .labelHolder { + padding-bottom: 2px !important; +} + +.FriendPicker [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_richPresenceLabel_"] { + margin-top: 5px !important; +} + +.currentUserAvatar, +.currentUserAvatar .avatarFrame { + width: 34px !important; + height: 34px !important; +} + +/* [class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"], */ +[class*="addonpicker_Tab_"], +[class*="addonpicker_ItemList_"] { + cursor: default !important; +} + +[class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"]:hover { + background-color: rgba(var(--white05)) !important; +} + +[class*="addonpicker_Tab_"][class*="addonpicker_Active_"] { + border-bottom: 4px solid rgb(var(--focus)) !important; +} + +[class*="addonpicker_Tab_"]:hover:not([class*="addonpicker_Active_"]) { + background-color: rgba(var(--white05)) !important; + border-bottom: 4px solid transparent !important; +} + +[class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"]:hover:not([class*="addonpicker_Active_"]) { + background-color: transparent !important; +} + +/*emoticon and reactions code popup*/ +[class*="emoticon_EmoticonHover_"], +[class*="reactions_ReactionHover_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); + margin: 0 4px; + padding: 8px; + min-width: 160px; + min-height: 54px; + display: flex; + flex-direction: row; + align-items: center; +} + +.emoticon_hover_title, +[class*="addonpicker_SectionedPageTitle_"], +[class*="addonpicker_SectionTitle_"] { + color: rgb(var(--offline)) !important; +} + +[class*="addonpicker_SectionedPageTitle_"], +[class*="addonpicker_SectionTitle_"] { + letter-spacing: 0px; +} + +[class*="emoticon_PickerTab_"] svg { + width: 20px !important; + height: 20px !important; + stroke: rgb(var(--white)) !important; + padding-top: 4px !important; +} + +[class*="emoticon_PickerTab_"][class*="emoticon_Clock_"] svg.SVGIcon_Button.SVGIcon_Clock { + width: 18px !important; + height: 18px !important; + padding-right: 0.5px !important; + stroke: none !important; +} + +[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"], +[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:hover, +[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:focus { + background-color: rgb(var(--textentry)) !important; +} + +[class*="addonpicker_Tabs_"] { + background-color: rgb(var(--header_dark)) !important; + border-bottom: 1px solid rgb(var(--frameBorder)) !important; +} + +.msg.EmojiOnly { + line-height: 32px !important; +} + +[class*="bbcode_ChatMessageSteamStore_HeaderImage_"][class*="bbcode_Blurred_"] { + filter: opacity(0); +} + +.YoutubePlayer { + background-color: transparent !important; +} + +[class*="messages_MsgWithAddons_"]:hover, +[class*="reactions_MessageReaction_"]:hover { + background-color: rgb(var(--white05)) !important; +} + +[class*="bbcode_ChatMessageSteamStore_"] { + cursor: pointer; +} + +[class*="reactions_ReactionCount_"] { + margin-top: 2px; + color: rgba(var(--white75)) !important; +} + +[class*="reactions_MessageReaction_"] { + border-radius: 4px !important; + background-color: transparent; + cursor: initial; + border: none; +} + +[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] { + background-color: rgb(var(--clientBG)) !important; + border-radius: 6px !important; + border-color: transparent !important; +} + +[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"]:hover { + background-color: rgb(53, 53, 53) !important; +} + +[class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] path, +[class*="messages_MsgWithAddons_"] { + stroke: rgb(var(--white)) !important; +} + +[class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] ellipse { + fill: rgb(var(--white)) !important; +} + +[class*="reactions_AddReactionIcon_"] { + cursor: initial; +} + +[class*="messages_Addons_"] [class*="messages_Emoticon_"], +[class*="messages_Addons_"] [class*="messages_Emoticon_"] path { + stroke: rgb(var(--white75)) !important; +} + +[class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover, +[class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover path { + stroke: rgb(var(--white)) !important; +} + +[class*="messages_Addons_"] [class*="messages_Emoticon_"] ellipse { + fill: rgb(var(--white75)) !important; +} + +[class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover ellipse { + fill: rgb(var(--white)) !important; +} + +[class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] [class*="messages_Emoticon_"] { + cursor: initial; +} + +[class*="reactions_OpenPickerButton_"] { + opacity: 0.4; +} + +.socialInputContainer .inputContainer input { + padding-top: 1px !important; +} + +.friendListButton:last-child:not(.addFriendButton) { + margin-right: 0px; +} + +[class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] { + background-color: rgb(var(--white12)); + color: rgb(var(--white)); + border-bottom: 1px solid rgb(var(--frameBorder)); +} + +[class*="remoteplay_ContentBox_"], +[class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"], +[class*="remoteplay_BoxButton_"][class*="remoteplay_Dark_"], +[class*="remoteplay_MediaButton_"], +[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"], +[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderContainer_"], +[class*="remoteplay_ControllerDropSlotsContainer_"] [class*="remoteplay_ControllerDropSlots_"], +[class*="remoteplay_ControllerDropSlot_"] { + background-color: rgb(var(--white05)); +} + +[class*="remoteplay_HeaderActions_"] [class*="remoteplay_GameInfo_"] { + color: rgb(var(--ingame)); + letter-spacing: 0; +} + +[class*="remoteplay_SectionTitle_"], +[class*="remoteplay_BoxButton_"] { + color: rgb(var(--white)); + letter-spacing: 0; +} + +[class*="remoteplay_MediaBox_"] [class*="remoteplay_Content_"] [class*="remoteplay_Top_"] [class*="remoteplay_Title_"], +[class*="remoteplay_InvitedGuestBox_"] [class*="remoteplay_LinkContainer_"], +.ModalPosition_Content, +[class*="remoteplay_ControllerDropSlot_"] [class*="remoteplay_Controller_"], +[class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"] [class*="remoteplay_SliderIcon_"], +[class*="remoteplay_ControlEnabled_"] { + color: rgb(var(--white)); +} + +[class*="remoteplay_ControllerDropSlotsContainer_"] [class*="remoteplay_ControllerDropSlots_"] [class*="remoteplay_HowToHint_"] { + background-color: rgb(var(--clientBG)); +} + +[class*="remoteplay_ContentBox_"][class*="remoteplay_Interactable_"]:hover { + background-color: rgb(var(--white10)); +} + +[class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] [class*="friendslist_LinkRowText_"] { + letter-spacing: 1px; +} + +[class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"]:hover { + color: rgb(var(--white)); + background-color: rgb(var(--white24)); +} + +[class*="radio_Button_"], +[class*="toggle_ToggleRow_"] { + background-color: rgb(var(--white05)); +} + +[class*="radio_Button_"]:hover { + background-color: rgb(var(--white10)); +} + +.DialogToggleField_Option.Off.Active { + color: rgb(var(--white)); +} + +.ChatRoomAddRoomBtn .SVGIcon_PlusCircle { + stroke: rgb(var(--white)); +} + +.ChannelTypeTitle { + color: rgb(var(--white)); +} + +.ChannelTypeTitle .ChannelTypeLabel:hover:not(.NoPermission) { + color: rgb(var(--white75)); +} + +body, +body[class*="shared_common_v6_"] { + color: rgb(var(--white)); +} + +.statCircle { + border-radius: 50% !important; +} + +.statMembersInGame .statCircle { + background-color: rgb(var(--ingame)); +} + +.statMembersOnline .statCircle { + background-color: rgb(var(--online)); +} + +.chatRoomGroupHeaderName { + color: rgb(var(--white)); +} + +.BBCodeAlreadyCollapsedText { + background-color: rgb(var(--white10)); +} + +.BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText, +.BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed { + background-color: rgb(var(--white24)); +} + +.MemberListColumn .friendGroup .groupName .groupCountCollapsed { + color: white; + /* Intentionally not a variable */ +} + +.PopupFullWindow { + border: 1px solid rgb(var(--frameBorder)); +} + +.chatRoomGroupHeaderTagline { + color: rgb(var(--white50)); +} + +.socialInputContainer .friendSearchInput[type="text"]::placeholder { + color: transparent; +} + +.friendSearchInput[type="text"] { + background-position: 0px 4px; + background-image: var(--searchicon); +} + +.friendSearchInput[type="text"]:focus { + background-position: 0px 4px; +} + +.friendListHeaderContainer .title-area { + height: 54px; +} + +.quickAccessFriends .friend:hover .avatarHolder, +.quickAccessFriends .favoriteElement:hover .friend .avatarHolder { + transform: scale(0.86, 0.86) translateX(0px); +} + +[class*="miniprofile_miniProfileContent_"][class*="miniprofile_notInOrWatchingGame_"] [class*="miniprofile_miniProfileBottom_"], +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] { + background: rgba(var(--black45)); +} + +[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].right, +[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].bottom { + display: none !important; +} + +[class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] { + padding-left: 22px; +} + +.mentionAvatar { + left: 4px; + margin-top: 2px; +} + +[class*="bbcode_ImageModalBackground_"] { + background: rgb(var(--clientBG)); +} + +.friendPlayerLevel { + border-radius: 50% !important; +} + +.friendPlayerLevel.lvl_100, +.friendPlayerLevel.lvl_200, +.friendPlayerLevel.lvl_300, +.friendPlayerLevel.lvl_400, +.friendPlayerLevel.lvl_500, +.friendPlayerLevel.lvl_600, +.friendPlayerLevel.lvl_700, +.friendPlayerLevel.lvl_800, +.friendPlayerLevel.lvl_900, +.friendPlayerLevel.lvl_1000, +.friendPlayerLevel.lvl_1100, +.friendPlayerLevel.lvl_1200, +.friendPlayerLevel.lvl_1300, +.friendPlayerLevel.lvl_1400, +.friendPlayerLevel.lvl_1500, +.friendPlayerLevel.lvl_1600, +.friendPlayerLevel.lvl_1700, +.friendPlayerLevel.lvl_1800, +.friendPlayerLevel.lvl_1900, +.friendPlayerLevel.lvl_2000, +.friendPlayerLevel.lvl_2100, +.friendPlayerLevel.lvl_2200, +.friendPlayerLevel.lvl_2300, +.friendPlayerLevel.lvl_2400, +.friendPlayerLevel.lvl_2500, +.friendPlayerLevel.lvl_2600, +.friendPlayerLevel.lvl_2700, +.friendPlayerLevel.lvl_2800, +.friendPlayerLevel.lvl_2900, +.friendPlayerLevel.lvl_3000, +.friendPlayerLevel.lvl_3100, +.friendPlayerLevel.lvl_3200, +.friendPlayerLevel.lvl_3300, +.friendPlayerLevel.lvl_3400, +.friendPlayerLevel.lvl_3500, +.friendPlayerLevel.lvl_3600, +.friendPlayerLevel.lvl_3700, +.friendPlayerLevel.lvl_3800, +.friendPlayerLevel.lvl_3900, +.friendPlayerLevel.lvl_4000, +.friendPlayerLevel.lvl_4100, +.friendPlayerLevel.lvl_4200, +.friendPlayerLevel.lvl_4300, +.friendPlayerLevel.lvl_4400, +.friendPlayerLevel.lvl_4500, +.friendPlayerLevel.lvl_4600, +.friendPlayerLevel.lvl_4700, +.friendPlayerLevel.lvl_4800, +.friendPlayerLevel.lvl_4900, +.friendPlayerLevel.lvl_5000, +.friendPlayerLevel.lvl_5100, +.friendPlayerLevel.lvl_5200 { + border-radius: 0 !important; +} + +.friendsui-container .title-area-icon { + height: 28px; + width: 28px; +} + +.friendsui-container .title-bar-actions { + max-height: 28px; +} + +.chatTabSetContainer.inclient { + padding-right: 88px; +} + +.voiceSelfHeader .friend .avatarHolder .avatarStatus { + width: 0px; +} + +.voiceSelfHeader .friend .avatarHolder { + width: 34px !important; + height: 34px !important; + transform: scale(1, 1) translateX(0px) !important; +} + +.voiceSelfHeader .friend .avatarHolder .avatar { + height: calc(100% - 2px); +} + +.voiceSelfDirections .friend .labelHolder { + min-width: 35px; +} + +svg.SVGIcon_Button.SVGIcon_DownArrowContextMenu { + fill: rgb(var(--offline)); +} + +.currentUserContainer .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu, +.friend:hover .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu { + fill: rgb(var(--white75)) !important; +} + +:not(.friendInviteContainer) .online .ContextMenuButton .SVGIcon_DownArrowContextMenu { + fill: rgb(var(--online)); +} + +.ToggleGroupChatList .SVGIcon_DoubleArrow polyline.Arrow1 { + display: none; +} + +.ToggleGroupChatList .SVGIcon_DoubleArrow polyline { + stroke: rgb(var(--white)); +} + +.ToggleGroupChatList:hover .SVGIcon_DoubleArrow polyline { + stroke: rgb(var(--white75)); + fill: none; +} + +.popup_chat_frame { + border: 0; +} + +.confirmInviteRequestContainer .cancelAddFriends { + top: 0px; + right: 0px; + background: rgb(var(--clientBG)); + padding: 0px 6px; +} + +.confirmInviteRequestContainer .confirmInviteButton { + background-color: rgb(var(--white12)); + color: rgb(var(--white)); + font-size: 13px; +} + +.confirmInviteRequestContainer .confirmInviteButton:hover { + color: rgb(var(--white)); + background-color: rgb(var(--white24)); +} + +.ChatTabs .title-area { + background: rgb(var(--header_dark)); +} + +.online .SVGIcon_DoNotDisturb circle, +.online .SVGIcon_DoNotDisturb line { + stroke: rgb(var(--red)); +} + +[class*="personastatusicons_PersonaStatusIcon_"].ingame svg path { + fill: rgb(var(--ingame)); +} + +.titleBarContainer .currentUserContainer [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] { + margin-top: 0px !important; +} + +.ChatRoomSpeaker .speaker .speakerStatus, +.ChatMsgSlashEmote .speaker .speakerStatus { + display: none; +} + +.clanInvitesGroupContainer .clanInviteTitle { + color: rgb(var(--white)); +} + +.clanInviteContainer .clanName { + color: rgb(var(--white)); +} + +.clanInvitesGroupContainer .statMembersTotal { + color: rgb(var(--white50)); +} + +/* This comes at the cost of not showing miniprofiles in group chats +but at least it doesn't break pointer events */ +.client_chat_frame.fullheight.ChatPopup .miniProfileHover { + display: none; +} + +[class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"] { + margin-top: -1px; +} + +[class*="addonpicker_Tab_"] .SVGIcon_Button { + fill: rgb(var(--white)); +} + +.friendGroup.friendOutgoingRequests .groupName, +.friendGroup.friendRequests .groupName { + padding-left: 0; +} + +.clanInvitesGroupContainer { + padding-left: 0; +} + +.clanInvitesGroupContainer .clanInviteTitle { + margin-left: 15px; +} + +.clanInviteContainer { + padding-left: 14px; +} + +.clanInviteContainer:hover { + background: rgb(var(--white05)); +} + +.friend.offline { + color: rgb(var(--offline)); +} + +.friendInviteContainer .friend .inviteLabel { + color: rgb(var(--online)) !important; +} + +.mutualFriendNumber { + color: rgb(var(--online)); +} + +.friendInviteButton { + border-radius: 50% !important; +} + +[class*="chattabs_CloseButton_"]:hover .SVGIcon_X_Line line { + stroke: rgb(var(--white75)); +} + +.confirmInviteRequestContainer .confirmInviteButton.dim:hover, +.confirmInvites.dim:hover, +.confirmInvites.dim { + color: rgb(var(--white)); + border-color: transparent; + background: rgb(var(--white24)); +} + +[class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] { + transform: scale(1.2) translateY(0.5px); +} + +.Dialog_EditNickName .friend.online .DialogTextInputBase, +.Dialog_ChangePersonaName .friend.online .DialogTextInputBase { + color: rgb(var(--online)); +} + +.DialogBodyText { + color: rgb(var(--white50)); +} + +.DialogTextInputBase:focus, +.DialogTextInputBase:focus-within, +.DialogTextInputBase:not(:disabled):hover, +.DesktopUI .DialogTextInputBase:focus, +.DialogTextInputBase:focus-within { + background: rgb(var(--textentry)); +} + +.ChatRoomListGroupItem .openGroupButton .SVGIcon_DoubleArrow polyline, +.ChatRoomListGroupItem_header:hover .openGroupButton .SVGIcon_DoubleArrow polyline { + stroke: rgb(var(--white)); +} + +.statCircle { + background-color: rgb(var(--white)); +} + +.friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard { + stroke: rgb(var(--white)); +} + +.friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard:hover { + stroke: rgb(var(--white50)); + /* Random */ +} + +.friendsui-container .SVGIcon_Pin.Pinned .head { + fill: rgb(var(--clientBG)); +} + +.friendsui-container .SVGIcon_Pin .head { + stroke: rgb(var(--white)); +} + +.friendsui-container .SVGIcon_Pin .ground { + stroke: rgb(var(--white)); +} + +.friendsui-container .SVGIcon_Pin .ground, +.friendsui-container .SVGIcon_Pin .point, +.friendsui-container .SVGIcon_Pin .head { + fill: rgb(var(--white)); +} + +.chatRoomGroupNavColumn { + border-right: 1px solid rgb(var(--frameBorder)); +} + +[class*="bbcode_ImageModalBackground_"] { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} + +.confirmInviteButton.confirmInvites { + background: rgb(var(--white12)); +} + +.confirmInviteButton.confirmInvites:hover { + background: rgb(var(--white24)); +} + +[class*="pagedcontent_Nav_"] { + background: rgb(var(--header_dark)); +} + +[class*="pagedcontent_Content_"] { + background: rgb(var(--clientBG)); +} + +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] { + color: rgb(var(--white)); + text-transform: none; + font-weight: 200; + font-size: 16px; +} + +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] { + color: rgb(var(--white)); +} + +[class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] { + text-transform: none; +} + +.friend.offline { + color: rgb(var(--offline)); +} + +.FriendPicker_SuggestedFriend:hover { + background: rgb(var(--white05)); +} + +.DialogLabel, +.DialogLabelStrong { + color: rgb(var(--white50)); +} + +.Dialog_EditNickName .friend.online .DialogTextInputBase, +.Dialog_ChangePersonaName .friend.online .DialogTextInputBase { + color: rgb(var(--online)); +} + +.DialogTextInputBase:not(:disabled):hover { + background: rgb(var(--textentry)); + cursor: text !important; +} + +.chatRoomVoiceChannelsGroup, +.chatRoomTextChannelsGroup { + color: rgb(var(--white50)); +} + +.chatRoomTextChannel:hover, +.chatRoomVoiceChannel:hover .chatRoomVoiceChannelName, +.chatRoomTextChannel:hover .chatRoomTextChannel { + color: rgb(var(--white50)); +} + +.chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover { + background-color: rgb(var(--white05)); +} + +.friendsui-container .SVGIcon_TextRoom, +.friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, +.friendsui-container .SVGIcon_VoiceRoom, +.friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom { + stroke: rgb(var(--white75)); + margin-right: 0; + margin-top: 0; +} + +.friendsui-container .SVGIcon_TextRoom .TextLines { + stroke: rgb(var(--white)); +} + +.ActiveTextChannel .chatRoomTextChannelName.IsCommonsChannel { + color: rgb(var(--white)) !important; +} + +.chatRoomTextChannel:hover .chatRoomTextChannelName.IsCommonsChannel { + color: rgb(var(--white50)); +} + +.chatRoomTextChannelName.IsCommonsChannel { + color: rgb(var(--white50)); +} + +.chatRoomTextChannelName.ActiveTextChannel.IsCommonsChannel { + color: rgb(var(--white)); +} + +.chatRoomVoiceChannel { + border: none; + margin-left: 0; + margin-right: 0; + width: 100%; +} + +.friendsui-container .SVGIcon_VoiceRoom .Microphone, +.friendsui-container .SVGIcon_VoiceRoom .AudioLines { + fill: rgb(var(--white)); +} + +.chatRoomTextChannel:not(.ActiveTextChannel):hover { + background: rgb(var(--white05)); +} + +[class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] [class*="SVGIcon_"]n { + fill: green; +} + +[class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] { + background: none; +} + +.chatRoomVoiceChannelIconGlow { + display: none; +} + +.VoiceChannelInvite .leftInviteContainer .SVGIcon_VoiceRoom .Bubble, +.OneOnOneVoiceRoomControls.OneOnOneVoiceActive .SVGIcon_VoiceRoom .Bubble, +.chatRoomVoiceChannel.ActiveVoiceChannel .SVGIcon_VoiceRoom .Bubble, +.VoiceToggle.Active .SVGIcon_VoiceRoom .Bubble { + fill: green; +} + +[class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) * { + stroke: green; + fill: green; +} + +.chatRoomVoiceChannel.ActiveVoiceChannel { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} + +.emptyChannelNotice { + color: rgb(var(--white50)); +} + +.chatRoomVoiceChannel.ActiveVoiceChannel { + width: 100%; +} + +.ChatRoomListGroupItemChatRooms { + margin-left: 0; +} + +.friendListHeaderContainer .activeVoiceControls:before { + background: none; +} + +[class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] { + background: none; +} + +[class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] .SVGIcon_Button { + fill: red; +} + +.ChatRoomListGroupItem.ShowAllChannels .detailsView { + background-color: transparent; +} + +.ChatRoomListGroupItemChatRooms .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover { + border: none; + background-color: rgb(var(--white05)); +} + +.ChatRoomListGroupItem .SVGIcon_VoiceRoom { + margin-top: 0px; +} + +.ChatRoomListGroupItem .chatRoomVoiceChannelIcon { + margin-left: 16px; +} + +.chatRoomTextChannel { + cursor: default; +} + +.VoiceRoomChatHistory .chatHistory { + margin-top: 20px; +} + +.VoiceChannelParticipants .chatRoomGroupNavCollapsed .CompactFriendsList .friend { + padding-left: 8px; +} + +.VoiceChannelParticipants .friend { + padding-left: 16px; +} + +.chatRoomGroupNavCollapsed .ChannelTypeTitle .ChatRoomAddRoomBtn { + margin-left: 53px; +} + +.groupMemberList .friend, +.groupMemberList .friendGroup .friend { + padding-left: 11px; +} + +.isCurrentUser [class*="messages_SpeakerName_Default_"] { + color: rgb(var(--offline)); +} + +.friendSearchClear .SVGIcon_X_Line { + width: 12px; + height: 12px; +} + +.friendSearchClear:hover .SVGIcon_X_Line { + background-color: rgb(var(--white10)); +} + +.friendSearchClear:hover { + opacity: 1; +} + +.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow { + display: none; +} + +.inviteeNameLabel { + color: rgb(var(--white)); +} + +.clanActionButtons button.TextButton { + color: rgb(var(--white50)); + /* Random */ +} + +.clanActionButtons button.TextButton:hover { + color: rgb(var(--white75)); +} + +[class*="bbcode_ChatMessageSteamStore_Pricing_"] { + background-color: rgb(var(--black45)); +} + +[class*="bbcode_ChatMessageSteamStore_ViewStore_"] { + background: #4b82b8; +} + +.MemberListOption .SVGIcon_DoubleArrow polyline { + stroke: rgb(var(--white)); + /* Temporary */ +} + +.gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer { + width: 27px; + height: 24px; +} + +.friendGroup.gameGroup:not(.OtherGamesGroup) .SteamPlayerGroupFooter, +.friendGroup.gameGroup:not(.OtherGamesGroup) .friend { + padding: 2px 0px 2px 22px; +} + +.CompactFriendsList .gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer { + margin-right: 7px; + height: 22px; +} + +.CompactFriendsList .ExpandPlusMinus { + margin-top: 1px !important; +} + +.CompactFriendsList .gameGroupContainer .groupIcon { + margin-top: 1px; +} + +.CompactFriendsList .friendlistListContainer .friendGroup.gameGroup .friend { + padding-left: 12px; +} + +[class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"][class*="addonpicker_Active_"], +[class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"] { + color: rgb(var(--white)); +} + +.chatRoomVoiceChannelNameContainer .chatRoomVoiceChannelName { + padding-left: 20px; +} + +.MemberListColumn .CompactFriendsList .friend.ingame .labelHolder { + margin-top: 1px; +} + +:not(.friendInviteContainer) .ingame .ContextMenuButton .SVGIcon_DownArrowContextMenu { + fill: rgb(var(--ingame)); +} + +.ChatRoomMemberScrollList_List .ContextMenuButton .SVGIcon_DownArrowContextMenu { + margin-bottom: 0; +} + +.ChatRoomMemberScrollList_List .friend [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_statusAndName_"] { + margin-top: -3px !important; +} + +.DialogTextInputBase, +._DialogInputContainer { + color: rgb(var(--white)); +} + +.chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .Microphone, +.chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .AudioLines { + fill: rgb(var(--white)); +} + +[class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]) { + background: none; +} + +[class*="chattabs_ChatTab_"] svg { + width: 12px; +} + +.friendsui-container .SVGIcon_TextRoom, +.friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, +.friendsui-container .SVGIcon_VoiceRoom, +.friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom, +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"] SVG, +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] SVG { + color: rgb(var(--white75)); +} + +.chatRoomChannelGroups svg.SVGIcon_Button.SVGIcon_VoiceRoom { + padding-left: 3px; + padding-top: 2px; +} diff --git a/desktop/configs/steam/metro/libraryroot.custom.css b/desktop/configs/steam/metro/libraryroot.custom.css new file mode 100644 index 0000000..703f189 --- /dev/null +++ b/desktop/configs/steam/metro/libraryroot.custom.css @@ -0,0 +1,3693 @@ +/* +Known issues / things to improve: +- Still some elements to be skinned, particularly the least used or visible +- Having all buttons visually react to hovering over them if clickable +- Some library elements were changed to make them tolerable without much thinking and need to be revisited +*/ + + +/* Steam ads removal. Delete the line(s) below if you want them enabled */ +@import url("https://rosetheflower.github.io/AdblockSteam/libraryroot.custom.css"); +/*--------------------------------------------------------------------- */ + +/* For custom variables stored locally */ +@import url('custom.css'); + + :root { + --focus:102,36,226; + --basefont:"Segoe UI","Helvetica Neue","Motiva Sans",Arial,Helvetica,sans-serif; + --semibold:"Segoe UI Semibold","Helvetica Neue Medium","Motiva Sans",Arial,Helvetica,sans-serif; + /* Both used occasionally, not for everything */ + --whatsnew:block; /* Displayed */ + --gamehoverinfo:block; /* Displayed */ + --gameimageopacity:0.25; + --gameimageBG:rgb(var(--clientBG)); + --W10close_Red_h:232,18,35; + /* Window close button color on hover */ + --W10close_Red_p:241,112,121; + /* Window close button color when pressed */ + --clientBG:26,26,26; + --header_dark:20,20,20; + --online:93,178,255; + --ingame:130,186,0; + --offline:145,145,145; + --golden:255,255,99; + --scrollbarSize:15px; + --textentry:39,39,39; + --frameBorder:15,15,15; + --bgGameList: 38,38,38; + --white05onbgGameList:49,49,49; + /* Just a workaround to deal with two overlapping hover overlays for library highlights */ + --white03:255,255,255,0.03; + --white05:255,255,255,0.05; + --white08:255,255,255,0.08; + --white10:255,255,255,0.10; + --white12:255,255,255,0.12; + --white20:255,255,255,0.20; + --white24:255,255,255,0.24; + --white25:255,255,255,0.25; + --white35:255,255,255,0.35; + --white45:255,255,255,0.45; + --white50:255,255,255,0.50; + --white75:255,255,255,0.75; + --white:255,255,255; + --black05:255,255,255,0.05; + --black10:0,0,0,0.10; + --black12:0,0,0,0.12; + --black20:0,0,0,0.20; + --black24:0,0,0,0.24; + --black25:0,0,0,0.25; + --black45:0,0,0,0.45; + --black50:0,0,0,0.50; + --black75:0,0,0,0.75; + --black:0,0,0; + --arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); + --arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); + --downloadicon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFNJREFUKM/ljksOgDAIRKee1vH+++fCkrSUJrp2EkJgHp8GqBCSWm4e+qBfwH7JWjwyoCFItaNxdvPawOF7mhwGykWqNvS8XFT6LQCK1xY4X5i8G2p94Wk6Gb41AAAAAElFTkSuQmCC); + --forwardicon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFBJREFUKM/FjsEJgDAQBOfAJq0jacPKkp7GTwjBR9CIuK+D22EWJlGTWtTE0zS4rsK5mfOquc/e7oIRcagAu0qoZfwDDncXXjrv5n4O1X+hEy69bKDDJqaPAAAAAElFTkSuQmCC); + --notificationicon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAF5JREFUKM/VkUEOgCAMBFvCY8EH6XPHg5osWCNyc5OGTdhpG3AAm1A+T//IkWxSue/0kvcn0P870UfB4YnT35FkRa0qmRLcmwF9LRyqQBHf5CJQ4RACbo9zaRW/RYEdeJNsPLOc8hwAAAAASUVORK5CYII=); + --notificationsiconactive: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9btSIVwXYQcchQnSyIFnEsVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLGg+N+vLv3uHsHeJtVphg9MUBRTT2diAu5/Krgf0UfhhFEFFMiM7RkZjEL1/F1Dw9f7yI8y/3cn2NQLhgM8AjEMabpJvEG8eymqXHeJw6xsigTnxNP6nRB4keuSw6/cS7Z7OWZIT2bnicOEQulLpa6mJV1hThKHJYVlfK9OYdlzluclWqdte/JXxgoqCsZrtMcQwJLSCIFARLqqKAKExFaVVIMpGk/7uIftf0pcknkqoCRYwE1KBBtP/gf/O7WKM5MO0mBOND7Ylkf44B/F2g1LOv72LJaJ4DvGbhSO/5aE5j7JL3R0cJHwNA2cHHd0aQ94HIHGHnSRF20JR9Nb7EIvJ/RN+WB4C0wsOb01t7H6QOQpa6Wb4CDQ2CiRNnrLu/u7+7t3zPt/n4AIGdy7EGromUAAAAGYktHRABmACQA4p5xVPoAAAAJcEhZcwAACxMAAAsTAQCanBgAAABMSURBVCjP1ZHRCgAQDEWRn8X/8LnHiyIm2hO3bm11btuaBTAKOaOUOuin3h54dkH+nchtkHf/6Npdo5PAxYUDJEe6gsT4zSZ5qIsEVOL0ONL0MCgGAAAAAElFTkSuQmCC'); + --friendsicon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOFJREFUKM+F0TFKA1EQxvGJIGhlzmCjBC2C2GmdI0RPIDG3SK6gOUq8R1BQN5jKC2hhYeBn4WxcNhvzwfCYb96feTMvEJXYxxAzfOV5m/7qXh2YosA1znCV+UMVrEJDvKBd636Q/qAJmqFfA8ro47HMd+JPRxExj2YVEXFYJlXoNcEmHUfE8yqrPOEGbw0ztTHP+tpMe7mlApfpXSSwcXuBc3z61VOeH+mv/dMuRvjGHbrpdXGf/ji9FTTCOzobVt7J+riETrH8B6iCS5y0MImIVkQMYrsm5coX6G3pUkYPix8u49iyFwTN0AAAAABJRU5ErkJggg==); + --vricon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSoVBSuIOGSoTnZREcGlVLEIFkpboVUHk0s/hCYNSYqLo+BacPBjserg4qyrg6sgCH6AuLo4KbpIif9LCi1iPDjux7t7j7t3gFAvM9XsiAKqZhmpeEzM5lbEwCu6MYgA+jErMVNPpBcy8Bxf9/Dx9S7Cs7zP/Tl6lbzJAJ9IHGW6YRGvE09vWjrnfeIQK0kK8TnxuEEXJH7kuuzyG+eiwwLPDBmZ1BxxiFgstrHcxqxkqMRTxGFF1ShfyLqscN7irJarrHlP/sJgXltOc53mCOJYRAJJiJBRxQbKsBChVSPFRIr2Yx7+YcefJJdMrg0wcsyjAhWS4wf/g9/dmoXJCTcpGAM6X2z7YxQI7AKNmm1/H9t24wTwPwNXWstfqQMzn6TXWlr4COjbBi6uW5q8B1zuAENPumRIjuSnKRQKwPsZfVMOGLgFelbd3pr7OH0AMtTV0g1wcAiMFSl7zePdXe29/Xum2d8P0udyzctWzVUAAAAGYktHRAAnACcAJxKqrWUAAAAJcEhZcwAACxMAAAsTAQCanBgAAADJSURBVDjLrZPRDcIwDERfEQtkBVboCqzQFVihjMAKZQQYoYzACu0IXeH46EWY0P7FkqWcczmfpbiRRM04AqotCNBU0tMhgAlYCkLnCXrjwTjnBNzigyh4B5JFoiDAs2h0dc5u9hXVGkg6+fwwTsajMZKGwM8ZOT8jz8DLrhJwDs73ogtv/xwiqTO+2OlSuMkOYyyS2uyQjREWSW/Xhx3B3g1LzqZgdNHu3GU8FrxNwda1qahvCaYwEZLUaN29ah87b4pqrl5Tc5c/zzV0rZyAt5MAAAAASUVORK5CYII=); + --searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23ffffff' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); +} +* { + box-shadow: none !important; + border-radius: 0 !important; + cursor: default !important; + transition-delay: 0s !important; + transition-duration: 0s !important; + border-image-source: none !important; + text-shadow: none !important; +} +::before { + box-shadow: none !important; + text-shadow: none !important; +} +/* Thanks to Sims for the idea and initial implementation of the root menu as an animation */ +@keyframes steam-show-menu { +from + { + width:100%; + background:rgb(var(--header_dark)); + } +to + { + width:100%; + background:rgb(var(--header_dark)); + } +} +body,body[class*="shared_common_v6_"] /* Adding a BG here overrides the overlay BG */ +{ + color: rgb(var(--white)); +} +[class*="rootmenu_RootMenuBar_"] { + width:28px; + z-index:1000; + flex-shrink:1 !important; + padding-left:0px; + gap:0px; +} +[class*="rootmenu_RootMenuBar_"]:hover { + width:100%; + background:rgb(var(--header_dark)); + box-shadow:0px 1px rgb(var(--frameBorder)) !important; +} +[class*="rootmenu_RootMenuBar_"]:not(:hover) { + animation-name:steam-show-menu; + animation-duration:0.25s; +} +[class*="libraryhome_UpdatesContainer_"],[class*="libraryhome_LibraryHome_"],[class*="allcollections_ScrollContainer_"] { + background:transparent; +} +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"],[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover { + text-transform:none; + font-size:14px; + padding:5px 15px; + cursor:default; + color:rgb(var(--white50)); +} +[class*="libraryhome_LibraryHome_"] { + background-image:none; +} +[class*="gamelistbar_GameListHomeAndSearch_"] { + background-color:transparent; +} +[class*="pagedsettings_PagedSettingsDialog_PageListColumn_"] { + background:rgb(var(--header_dark)); + padding-left:0px; + min-width:205px; + padding-top:46px; +} +.DialogContent,.DialogContentTransition { + background:rgb(var(--clientBG)); +} +[class*="appproperties_AppProperties_"] [class*="appproperties_Checkbox_"],.DialogTextInputBase,._DialogInputContainer { + color:rgb(var(--white)); + background:rgb(var(--textentry)); +} +[class*="library_LibraryWindowDivider_"] { + background-color:rgb(var(--frameBorder)); +} +[class*="gamelistbar_Container_"] { + background-image:none; + background:rgb(var(--bgGameList)); +} +[class*="gamelistsectionheader_Container_"] { + background:none; + border:none; +} + +[class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"]:hover, [class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"][class*="gamelistentry_HoverOverlay_"], [class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"] :hover, [class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"]:hover, [class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"][class*="gamelistentry_HoverOverlay_"], [class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"] :hover { + background-color:rgb(var(--focus)); +} +[class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"],[class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"] { + background-color:rgb(var(--focus)); +} +[class*="gamelistsectionheader_Container_"][class*="gamelistsectionheader_Selected_"] { + background:rgb(var(--focus)); +} +[class*="gamelistsectionheader_SectionHeaderContent_"] { + color:rgb(var(--white)); + font-family:var(--basefont); +} +[class*="gamelistsectionheader_SectionHeaderContent_"]:hover [class*="gamelistsectionheader_SectionName_"] { + color:rgb(var(--white)); +} +[class*="gamelistsectionheader_Selected_"] [class*="gamelistsectionheader_SectionHeaderContent_"]:hover [class*="gamelistsectionheader_SectionName_"] { + color:rgb(var(--white)); +} +[class*="gamelistsectionheader_SectionName_"] { + font-weight:normal; + font-family:var(--semibold); + font-size:14px; + letter-spacing:normal; +} +[class*="gamelistentry_Container_"]:hover,[class*="gamelistentry_Container_"][class*="gamelistentry_HoverOverlay_"],[class*="gamelistsectionheader_Container_"]:not([class*="gamelistsectionheader_Selected_"]):hover,[class*="gamelistsectionheader_Container_"]:not([class*="gamelistsectionheader_Selected_"])[class*="gamelistsectionheader_HoverOverlay_"] { + background-color:rgb(var(--white05onbgGameList)); +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Installed_"] { + color:rgb(var(--white)); +} +[class*="appdetailsplaysection_PlayBarLabel_"] { + color:rgb(var(--white50)); +} +button.DialogButton { + color:rgb(var(--white)); + background-color:rgba(var(--white12)); +} +button.DialogButton:hover { + color:rgb(var(--white)); + background-color:rgba(var(--white24));/*!important;*/ +} +.ModalPosition_TopBar { + display:none; +} +[class*="downloadgraph_HeroAndLogo_"][class*="downloadgraph_Empty_"] { + background:none; +} +[class*="downloadgraph_GraphAndStats_"] { + background-color:transparent; +} +div.MediumWindow +[class*="downloadgraph_DownloadGraph_"] +[class*="downloadgraph_Gradient_"] { + background-image:none; +} +[class*="downloads_DownloadsPage_"],[class*="library_AppDetailsTransitionGroup_"] { + background:rgb(var(--clientBG)); + background-repeat:no-repeat; + background-image:var(--decal); + background-position:var(--decalXY); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] { + background:rgb(var(--clientBG)); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] + [class*="launchoptionsdialog_OptionList_"] + [class*="launchoptionsdialog_ListContainer_"] { + background:none; + border:1px solid transparent; +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] + [class*="launchoptionsdialog_OptionList_"] + [class*="launchoptionsdialog_ListContainer_"] + [class*="launchoptionsdialog_ListItem_"] { + background:none; +} +[class*="appdetailscommunityfeed_CommunityItem_"],[class*="appportrait_RecentGameFooter_"] { + background-color:rgb(var(--black45)); +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"] { + background-color:rgb(var(--white05)); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] +[class*="launchoptionsdialog_OptionList_"] +[class*="launchoptionsdialog_ListHeader_"] { + color:rgb(var(--white50)); +} +[class*="downloads_Active_"] [class*="downloads_SectionList_"] { + border:2px transparent; +} +[class*="downloads_SectionItem_"]:hover,[class*="downloads_SectionItem_"][class*="downloads_Dragging_"] { + background-color:rgb(var(--white05)); +} +[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +[class*="posttextentry_PostButton_"] +[class*="posttextentry_Label_"] { + color:rgb(var(--white)); +} +[class*="gamelisthome_Bar_"] { + background-color:rgb(var(--white12)); + color:rgb(var(--white)); +} +[class*="gamelisthome_Bar_"]:hover { + background-color:rgb(var(--white24)); +} +[class*="downloads_TopBar_"] { + background:none; +} +[class*="downloads_SectionTitle_"] [class*="downloads_Rule_"],[class*="writereview_RatingContainer_"],[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_MenuHeader_"] { + background-color:transparent; +} +[class*="downloads_SectionTitle_"] { + text-transform:uppercase !important; + font-size:14px; +} +[class*="gamelistdropdown_Bar_"] { + padding-top:0px; + padding-bottom:6px; +} +[class*="gamelistsearchbar_Container_"][class*="gamelistsearchbar_AdvancedSearchContainer_"],[class*="gamelistsearchbar_Container_"][class*="gamelistsearchbar_SearchInput_"] +.DialogTextInputBase,[class*="gamelistsearchbar_Container_"][class*="gamelistsearchbar_SearchInput_"] +.DialogTextInputBase:hover { + background-color:rgb(var(--white10)); +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"] { + background-color:transparent; +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"][class*="gamelistsearchbar_Extended_"],[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"]:not([class*="gamelistsearchbar_Disabled_"]):hover { + background-color:rgb(var(--white05)); +} +[class*="gamelistsearchbar_Container_"] +[class*="gamelistsearchbar_SearchInput_"] +.DialogTextInputBase:hover { + cursor:text !important; +} +[class*="gamelistsearchbar_Container_"][class*="gamelistsearchbar_SearchInput_"] +.DialogTextInputBase:focus { + padding-left:32px; + background-position:6px center; +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_MenuHeader_"] { + color:rgb(var(--white)); + border:1px solid rgb(var(--white12)); + cursor:default; +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_MenuHeader_"]:hover { + color:rgb(var(--white)); + border:1px solid rgb(var(--white24)); + background-color:initial; +} +[class*="appportrait_HoversEnabled_"] +[class*="appportrait_LibraryItemBox_"][class*="appportrait_Landscape_"]:hover +[class*="appportrait_PortraitImage_"][class*="appportrait_Landscape_"] +img,[class*="appportrait_HoversEnabled_"] +[class*="appportrait_LibraryItemBox_"][class*="appportrait_Landscape_"]:hover +[class*="appportrait_FooterBlurImage_"] { + transform:none; + filter:none; +} +/* Windows 8 Start menu / official Metro apps style */ +[class*="appportrait_Draggable_"][class*="appportrait_HoversEnabled_"][class*="draganddrop_Draggable_"]:hover { + outline:3px solid rgb(var(--white10)); +} +[class*="gamelistsearchbar_Container_"] { + padding:3px 6px; + border-bottom:1px solid rgb(var(--frameBorder)); + border-top:1px solid rgb(var(--frameBorder)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"],[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled,[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:active,[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:hover,[class*="downloads_SectionItem_"] +[class*="downloads_Button_"]:enabled:active:hover,[class*="downloads_SectionItem_"] +[class*="downloads_Button_"].DialogButton:enabled { + border-radius:50% !important; +} +[class*="gamelistentry_Container_"]:not([class*="gamelistentry_Selected_"])[class*="gamelistentry_Uninstalled_"]:hover, [class*="gamelistentry_Container_"]:not([class*="gamelistentry_Selected_"])[class*="gamelistentry_Uninstalled_"][class*="gamelistentry_HoverOverlay_"] { + color:rgb(var(--white50)); + /*change to one with no transparency*/ +} +/* Steam logo removal */ +[class*="gamelisthome_Bar_"] [class*="gamelisthome_Icon_"] svg { + display:none; +} +[class*="appdetailssection_AppDetailsSectionContainer_"][class*="appdetailssection_RightColumnSection_"],[class*="appactivityday_PartnerEvent_"],[class*="appactivityday_Event_"] [class*="appactivityday_EventBody_"],[class*="appdetailscommunityfeed_Guide_"] +[class*="appdetailscommunityfeed_TopSectionInner_"],[class*="appdetailscommunityfeed_AuthorSection_"],[class*="appactivityday_PartnerEventLargeImage_Container_"] { + background:rgb(var(--black45)) !important; +} +[class*="appdetailscommunityfeed_HeaderStyles_"] { + background:transparent; +} +[class*="appactivityday_PartnerEventTextOnly_Container_"] { + border-image:none; +} +[class*="collectionview_OuterContainer_"] { + background:none; +} +[class*="appactivityday_PartnerEventMediumImage_Container_"] { + background:none; +} +[class*="appdetailsoverview_Glassy_"] +[class*="appdetailsoverview_ColumnContainer_"],[class*="appdetailsplaysection_Glassy_"] +[class*="appdetailsplaysection_PlayBar_"],[class*="appdetails_ScrollContainer_"] { + background: none; +} +[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +[class*="posttextentry_PostButton_"],[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +button[class*="posttextentry_EmoticonButton_"] { + background-color:rgb(var(--white12)); +} +[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +[class*="posttextentry_PostButton_"]:hover,[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +button[class*="posttextentry_EmoticonButton_"]:hover { + background-color:rgb(var(--white24)); +} +[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_Controls_"] +[class*="posttextentry_EmoticonButton_"] { + cursor:default; +} +[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_PostTextEntryArea_"],[class*="posttextentry_PostTextEntry_"] +[class*="posttextentry_PostTextEntryArea_"]:focus { + background:rgb(var(--textentry)); + color: rgb(var(--white)); +} +[class*="downloads_RemoveAllButton_"][class*="downloads_RemoveAllButton_"].DialogButton:enabled,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"],[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:enabled,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:active,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:hover,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:enabled:active:hover,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"].DialogButton:enabled { + background:rgb(var(--white10)); +} +[class*="downloads_RemoveAllButton_"][class*="downloads_RemoveAllButton_"]:hover.DialogButton:enabled,[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:hover { + background:rgb(var(--white24)); +} +[class*="pagedsettings_PagedSettingsDialog_Title_"] { + color:rgb(var(--white)); + font-size:16px; + text-transform:none; + margin-top:-3px; + font-weight:200; +} +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"][class*="pagedsettings_Active_"] { + background-color:rgb(var(--white25)); + color:rgb(var(--white)); +} +[class*="appdetailsoverview_Glassy_"] +[class*="appdetailsoverview_BackdropGlass_"] { + display:none; +} +[class*="libraryhome_Container_"] { + background:rgb(var(--clientBG)); + background-repeat:no-repeat; + background-image:var(--decal); + background-position:var(--decalXY); +} +[class*="appdetails_Glassy_"][class*="appdetails_ScrollContainer_"] { + background-image:none !important; +} +[class*="collapseicon_CollapseIconParent_"] [class*="collapseicon_Container_"] { + stroke:rgb(var(--white25)); +} +[class*="gamelistentry_FriendIsPlaying_"] svg circle,[class*="gamelistentry_FriendIsPlaying_"] svg path { + fill:rgb(var(--ingame)); +} +/* Not bright enough [class*="gamelistentry_Container_"][class*="gamelistentry_Running_"] { + color:rgb(var(--ingame)); +} +*/ +[class*="gamelisthome_CollectionIcon_"] +[class*="gamelisthome_CollectionIconBox_"] { + background:rgb(var(--white)); +} +[class*="gamelisthome_Label_"],[class*="spotlightgameplaysummary_GamePlaySummaryHeader_"],[class*="appdetailssectionheader_SectionHeader_"],[class*="pageablecontainer_HeaderPageControls_"],[class*="libraryhomeshowcases_CollectionDropDown_"] ._DialogInputContainer { + color:rgb(var(--white)); +} +[class*="gamelistentry_Container_"],[class*="gamelistsectionheader_Container_"],[class*="appdetailsprimarylinkssection_Anchor_"] +[class*="appdetailsprimarylinkssection_Link_"]:hover,[class*="appdetailsplaysection_MenuButton_"],[class*="gamelistsearchbar_Container_"][class*="gamelistsearchbar_AdvancedSearchContainer_"] +[class*="gamelistsearchbar_AdvancedSearchButton_"] { + cursor:default; +} +::-webkit-scrollbar { + width:var(--scrollbarSize) !important; +} +::-webkit-scrollbar-thumb { + background:rgba(var(--white05)) !important; + border:none !important; + border-radius:0 !important; +} +::-webkit-scrollbar-thumb:hover { + background-color:rgba(var(--white10)) !important; + border-radius:0px !important; +} +.DialogBody::-webkit-scrollbar-button { + display:none !important; +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"]::-webkit-scrollbar-button { + display:none; +} +[class*="downloads_ItemLists_"]::-webkit-scrollbar-button { + display:none; +} +::-webkit-scrollbar-button:single-button { + height:16px; + border-radius:0; + background-color:none; + border:2px solid transparent; + display:block; +} +::-webkit-scrollbar-button:hover { + background-color:rgba(var(--white05)); +} +/* Up */ +::-webkit-scrollbar-button:vertical:decrement { + background-image: var(--arrow_up); + background-repeat: no-repeat; + background-position: 0px 0px; +} +/* Down */ +::-webkit-scrollbar-button:vertical:increment { + background-image: var(--arrow_down); + background-repeat: no-repeat; + background-position: 0px 0px; + +} +[class*="appportrait_FooterBlurImageContainer_"] { + filter:opacity(0); +} +[class*="appportrait_LibraryItemBoxShine_"] { + display:none; +} +[class*="appportrait_HoversEnabled_"] [class*="appportrait_LibraryItemBox_"]:hover:not([class*="appportrait_Landscape_"]) { + filter:none; + transform:none; + outline:3px solid rgb(var(--white10)); +} +[class*="smartscrollcontainer_ScrollToTopButton_"] div { + background:rgb(var(--focus)); +} +[class*="smartscrollcontainer_ScrollToTopButton_"] { + color: white; +} +[class*="appdetailsplaysection_MenuButton_"] svg { + fill:rgba(var(--white)); + color:rgba(var(--white)); +} +[class*="appdetailsplaysection_MenuButton_"] svg circle,[class*="appdetailsplaysection_MenuButton_"] svg polyline,[class*="appdetailsplaysection_MenuButton_"][class*="appdetailsplaysection_FavoriteButton_"] + svg + path { + stroke:rgba(var(--white)); +} +[class*="artworkmodal_ArtworkModal_"] { + border:1px solid rgb(var(--frameBorder)); +} +[class*="artworkmodal_ModalBox_"] { + background:rgb(var(--clientBG)); +} +.closeButton:hover { + background:rgb(var(--W10close_Red_h)) !important; +} +.closeButton:active { + background:rgb(var(--W10close_Red_p)); +} +.title-area-icon { + padding:3px 4px; + margin-top:0px; +} +.title-area-icon .SVGIcon_X_Line line { + stroke:rgb(var(--white)); +} +[class*="appdetailsachievementssection_AchievementProgressContainer_"] +[class*="appdetailsachievementssection_AchievementProgress_"] { + background-color:rgb(var(--focus)); +} +[class*="appportrait_LibraryItemActionButton_"][class*="appportrait_Play_"]:not( [class*="appportrait_Disabled_"] ),[class*="appportrait_FeaturedCapsule_"] +[class*="appportrait_LibraryItemActionButton_"] { + background:transparent; + border:1px solid rgb(var(--white)); + border-radius:50% !important; +} +[class*="appportrait_LibraryItemActionButton_"][class*="appportrait_Play_"]:not( [class*="appportrait_Disabled_"] ) + .SVGIcon_Play { + fill:rgb(var(--white)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"],[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled,[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:active,[class*="downloads_SectionItem_"] +[class*="downloads_Button_"].DialogButton:enabled { + background:transparent; + border:1px solid rgb(var(--white50)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:hover, +[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled:active:hover { + background:transparent!important; + border:1px solid rgb(var(--white))!important; +} + +[class*="downloads_SectionItem_"] [class*="downloads_Button_"], [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:active, [class*="downloads_SectionItem_"] [class*="downloads_Button_"].DialogButton:enabled { + color: rgb(var(--white50)); +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_Button_"].DialogButton:enabled { + color: rgb(var(--white50)); +} + [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:hover, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled:hover, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:active:hover { + color: rgb(var(--white)); + } +[class*="aappdetails_PlayBar_"] { + width:calc(100% - 15px); +} +[class*="appactionbutton_Green_"] > [class*="appactionbutton_ButtonChild_"],[class*="appactionbutton_Green_"] > [class*="appactionbutton_ButtonChild_"][class*="appactionbutton_StreamingSelector_"] { + background: rgb(var(--ingame)); + transition:none; +} +:not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_Green_"]>[class*="appactionbutton_ButtonChild_"]:hover { + background: rgb(var(--ingame)); + filter: brightness(1.1); +} +[class*="gamelistsearchbar_Container_"] +[class*="gamelistsearchbar_AdvancedSearchContainer_"] +[class*="gamelistsearchbar_AdvancedSearchButton_"] svg path { + fill:rgb(var(--white)); +} +[class*="gamelistsearchbar_Container_"] +[class*="gamelistsearchbar_SearchInput_"] +.DialogTextInputBase { + background-image:var(--searchicon); + background-size:18px 18px; + background-position:4px center; + background-color:transparent; +} +[class*="contextmenu_contextMenu_"] { + background:rgb(var(--clientBG)) !important; + min-width: fit-content!important; + padding:0; +} +[class*="contextmenu_contextMenu_"]::after { /* Sims's idea. Thanks! */ + border: 1px solid rgb(var(--frameBorder)); + position: absolute; + top: 0; + left: 0; + width: calc(100% - 2px); + height: calc(100% - 2px); + content: ''; + z-index: 200; + pointer-events: none; +} +[class*="contextmenu_contextMenuItem_"]:hover,[class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] { + background:rgba(var(--white05)); +} +[class*="gamelisthome_Bar_"][class*="gamelisthome_Selected_"] { + background-color:rgb(var(--focus)); +} +[class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] { + padding-right:0px; +} +[class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] +.SVGIcon_DownArrowContextMenu { + fill:rgba(var(--white)); + margin-right:-8px; +} +[class*="contextmenu_contextMenuContents_"] { + font-size:12px; +} +[class*="contextmenu_contextMenuItem_"] { + padding:2px 8px !important; /* Breaks the Activate a Product window (but not its subsequent appearances) */ + line-height:normal; + color:rgb(var(--white)) !important; + border-top:none; + border-bottom:none; + /* font-family: var(--basefont); Also affects the friends font, needs to be resized there*/ +} +.DesktopUI [class*="contextmenu_contextMenuItem_"]:hover,.DesktopUI [class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"],[class*="contextmenu_ForceDesktop_"] [class*="contextmenu_contextMenuItem_"]:hover,[class*="contextmenu_ForceDesktop_"] [class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] { + background:rgb(var(--white05)); +} +[class*="menu_MenuPopup_"] { + background:transparent; +} +[class*="menu_MenuItem_"][class*="menu_Item_"]:hover { + background-color:rgb(var(--white05)); +} +.contextMenuUnselectable:hover,.contextMenuGameTitle,.contextMenuBroadcast,.contextMenuGameOptions { + background-color:rgb(var(--clientBG)); +} +.contextMenuGameTitle { + border-top:1px solid rgb(53,53,53); /* Needs to be a var */ +} +.contextMenuGameOptions .SVGIcon_Play { + display:none; +} +html[class*="contextmenu_ContextMenuPopup_"] +[class*="contextmenu_contextMenuContents_"] { + padding:0; +} +[class*="contentmanagement_ContentManagement_"] { + background:initial; +} +[class*="downloads_AutoUpdateHours_"] { + color:rgb(var(--white50)); + text-decoration-line: underline; + cursor: pointer!important; +} +[class*="appactivityday_LeftSideMajorUpdateBar_"] { + background:none; +} +[class*="downloadgraph_StatsPanel_"] [class*="downloadgraph_Stat_"] { + color:rgb(var(--white)); + font-weight:normal; +} +[class*="downloads_SectionItemStatus_"] { + color:rgb(var(--white50)); +} +.friendPlayerLevel { + border-radius:50% !important; +} +.friendPlayerLevel.lvl_100,.friendPlayerLevel.lvl_200,.friendPlayerLevel.lvl_300,.friendPlayerLevel.lvl_400,.friendPlayerLevel.lvl_500,.friendPlayerLevel.lvl_600,.friendPlayerLevel.lvl_700,.friendPlayerLevel.lvl_800,.friendPlayerLevel.lvl_900,.friendPlayerLevel.lvl_1000,.friendPlayerLevel.lvl_1100,.friendPlayerLevel.lvl_1200,.friendPlayerLevel.lvl_1300,.friendPlayerLevel.lvl_1400,.friendPlayerLevel.lvl_1500,.friendPlayerLevel.lvl_1600,.friendPlayerLevel.lvl_1700,.friendPlayerLevel.lvl_1800,.friendPlayerLevel.lvl_1900,.friendPlayerLevel.lvl_2000,.friendPlayerLevel.lvl_2100,.friendPlayerLevel.lvl_2200,.friendPlayerLevel.lvl_2300,.friendPlayerLevel.lvl_2400,.friendPlayerLevel.lvl_2500,.friendPlayerLevel.lvl_2600,.friendPlayerLevel.lvl_2700,.friendPlayerLevel.lvl_2800,.friendPlayerLevel.lvl_2900,.friendPlayerLevel.lvl_3000,.friendPlayerLevel.lvl_3100,.friendPlayerLevel.lvl_3200,.friendPlayerLevel.lvl_3300,.friendPlayerLevel.lvl_3400,.friendPlayerLevel.lvl_3500,.friendPlayerLevel.lvl_3600,.friendPlayerLevel.lvl_3700,.friendPlayerLevel.lvl_3800,.friendPlayerLevel.lvl_3900,.friendPlayerLevel.lvl_4000,.friendPlayerLevel.lvl_4100,.friendPlayerLevel.lvl_4200,.friendPlayerLevel.lvl_4300,.friendPlayerLevel.lvl_4400,.friendPlayerLevel.lvl_4500,.friendPlayerLevel.lvl_4600,.friendPlayerLevel.lvl_4700,.friendPlayerLevel.lvl_4800,.friendPlayerLevel.lvl_4900,.friendPlayerLevel.lvl_5000,.friendPlayerLevel.lvl_5100,.friendPlayerLevel.lvl_5200 { + border-radius:0 !important; +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"]:hover +[class*="libraryhomenewupdates_PartnerEventRowCapsule_MainImage_"],.gpfocus > [class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"] +[class*="libraryhomenewupdates_PartnerEventRowCapsule_MainImage_"] { + transform:none; + filter:none; +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"]:hover +[class*="libraryhomenewupdates_EventSummaryContainer_"],.gpfocus > [class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"] +[class*="libraryhomenewupdates_EventSummaryContainer_"] { + background-color:rgb(var(--black)); +} +[class*="appdetailssection_Highlight_"] { + background:none; +} +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not( [class*="pagedsettings_Active_"] ):hover { + background-color:rgb(var(--white12)); +} +[class*="appactivityday_Event_"] +[class*="appactivityday_PartnerEventFeaturedHeader_"] { + background:none; + color: rgb(var(--white)); +} +[class*="appactivityday_PartnerEventLargeImage_Image_"][class*="appactivityday_Blur_"] { + display:none; +} +[class*="appactivityday_ImageContainer_"] { + padding-left:12px; +} +[class*="appactivityday_PartnerEventLargeImage_Summary_"] { + color:rgb(var(--white75)); +} +[class*="appactivityday_PartnerEventLargeImage_Container_"]:hover,[class*="appactivityday_PartnerEventMediumImage_Container_"]:hover { + background:rgb(var(--white12)) !important; + /* Just a random color var that looks fine. Probably needs to be changed or reworked for consistency. */ +} +[class*="appactivityday_PartnerEventLargeImage_TextColumn_"] { + margin-bottom:12px; +} +[class*="appactivityday_PartnerEventLargeUpdate_"],[class*="appactivityday_Event_"][class*="appactivityday_PartnerEventFeatured_"] { + background:none; + border:none; +} +[class*="steamdesktop_TopBar_"] { + background:rgb(var(--header_dark)); + border-bottom:1px solid rgb(var(--frameBorder)); + order:1; +} +[class*="steamdesktop_TitleBar_"] [class*="steamdesktop_WindowControls_"] { + flex:0 0 119px; +} +[class*="steamdesktop_TitleBar_"] { + height:38px; +} +[class*="supernav_SuperNavMenu_"] { + font-size:13px; + font-family:var(--basefont); + padding:11px 8px 10px; + height:fit-content; +} +[class*="supernav_SuperNavMenu_"]:hover { + background:rgb(var(--white05)); +} +[class*="supernav_SuperNavMenu_"]:hover:not([class*="supernav_Disabled_"]) +[class*="supernav_MenuButton_"] { + color:rgb(var(--white75)); +} +[class*="steamdesktop_LocalContentContainer_"] +[class*="steamdesktop_URLBarReplacement_"] { + min-height:0; + height:0; +} +[class*="steamdesktop_FocusBar_"] { + display:none !important; +} +/* Hiding the separate Big Picture mode icon, as it's accessible from the View menu */ +[class*="titlebarcontrols_GamepadUIToggle_"] { + display:none; +} +/* Hiding the separate Add a Game button, as it's accessible from the Games menu */ +[class*="bottombar_AddGameButton_"] { + display:none; +} +[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not( [class*="supernav_Disabled_"] ) +[class*="supernav_MenuButton_"]::after { + display:none; + /*height:1px; + margin-top:14px; + background:rgb(var(--focus)); + border-radius:0; + animation:none; + */ +} +[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not( [class*="supernav_Disabled_"] ) +[class*="supernav_MenuButton_"] { + color:rgb(var(--white)); + text-shadow:none; +} +[class*="supernav_SuperNavMenu_"] [class*="supernav_MenuButton_"] { + color:rgb(var(--white50)); + text-overflow:ellipsis; + max-width:150px; + white-space:nowrap; + overflow:hidden; +} +.DesktopUI .title-bar-actions,.friendsui-container .title-bar-actions { + max-height:38px; +} +.DesktopUI .title-area-icon:hover,.friendsui-container .title-area-icon:hover { + background:rgb(var(--white05)); +} +.title-area-icon .SVGIcon_Button rect,.title-area-icon .SVGIcon_Button line,.title-area-icon .SVGIcon_Button polyline { + stroke:rgb(var(--white)) !important; +} +.DesktopUI .title-area-icon .SVGIcon_Minimize,.DesktopUI .title-area-icon .SVGIcon_Maximize,.DesktopUI .title-area-icon .SVGIcon_X_Line,.DesktopUI .title-area-icon .SVGIcon_Restore,.friendsui-container .title-area-icon .SVGIcon_Minimize,.friendsui-container .title-area-icon .SVGIcon_Maximize,.friendsui-container .title-area-icon .SVGIcon_X_Line,.friendsui-container .title-area-icon .SVGIcon_Restore { + width:14px; + height:14px; +} +[class*="titlebarcontrols_AccountMenu_"] { + max-height:38px; + background-color:transparent; + text-transform:uppercase; + height:38px; + gap:11px; + padding-left: 1px; +} +.offline [class*="steamavatar_avatar_"] { + border:1px solid rgb(var(--offline)) !important; +} +.online [class*="steamavatar_avatar_"] { + border:1px solid rgb(var(--online)) !important; +} +.ingame [class*="steamavatar_avatar_"] { + border:1px solid rgb(var(--ingame)) !important; +} +.watchingbroadcast [class*="steamavatar_avatar_"] { + border:1px solid #c9bdf7 !important; +} +.golden [class*="steamavatar_avatar_"] { + border:1px solid rgb(213,191,106) !important; +} +[class*="titlebarcontrols_TitleBarControls_"] { + margin-top:0; + margin-right:90px; + gap: 1px; +} +[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"] { + background-color:transparent; +} +[class*="tooltip_TextToolTip_"] { + display:none; +} +[class*="titlebarcontrols_AccountMenu_"] [class*="steamavatar_avatarHolder_"] { + transform:scale(1,1) translateX(0px); + width:34px !important; + height:34px !important; +} +[class*="titlebarcontrols_AnnouncementsButton_"],[class*="titlebarcontrols_NotificationsButton_"] { + padding:12px 8px; +} +[class*="titlebarcontrols_AnnouncementsButton_"] { + display:none; +} +[class*="titlebarcontrols_Button_"] { + min-height:14px; + height:14px; + min-width:14px; +} +[class*="titlebarcontrols_NotificationButtonContainer_"] { + height:38px; + position:absolute; + right:180px; + top:1px; +} +[class*="titlebarcontrols_Button_"][class*="titlebarcontrols_NotificationsButton_"] svg { + display:none; +} +[class*="titlebarcontrols_Button_"][class*="titlebarcontrols_NotificationsButton_"] { + background-image:var(--notificationicon); + background-repeat:no-repeat; + background-position:center; +} +[class*="titlebarcontrols_NotificationsButton_"]:not([class*="titlebarcontrols_Disabled_"]):hover { + background-color:rgb(var(--white05)); +} +[class*="titlebarcontrols_Button_"][class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"] { + background-image:var(--notificationsiconactive); + background-repeat:no-repeat; + background-position:center; + border-bottom:1px solid rgb(var(--focus)); +} +[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_WasNew_"] +[class*="titlebarcontrols_Icon_"],[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_NoNew_"] +[class*="titlebarcontrols_Icon_"],[class*="titlebarcontrols_AnnouncementsButton_"] { + color:rgb(var(--white)) !important; +} +[class*="titlebarcontrols_AccountMenu_"] [class*="titlebarcontrols_WalletBalance_"] { + color:rgb(var(--white)); +} +[class*="titlebarcontrols_AccountMenu_"] [class*="titlebarcontrols_Chevron_"] { + display:none; +} +[class*="titlebarcontrols_TitleBarControls_"] [class*="titlebarcontrols_BranchBar_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_SupportAlertsButton_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_OSEndOfLifeAlertsButton_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_ParentalToggleButton_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_AnnouncementsButton_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_NotificationButtonContainer_"],[class*="titlebarcontrols_TitleBarControls_"] [class*="titlebarcontrols_AccountMenu_"],[class*="titlebarcontrols_TitleBarControls_"] +[class*="titlebarcontrols_SoundtrackControls_"] { + margin-right:0px; +} +[class*="steamdesktop_OuterFrame_"] { + flex-direction:column-reverse; +} +[class*="bottombar_BottomBar_"] { + background:rgb(var(--header_dark)); + flex:none; + margin-top:-39px; + margin-right:120px; + margin-left:auto; + z-index:3; + gap:1px; + padding:0px 1px; + order: -1; +} +[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_WasNew_"],[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_NoNew_"],[class*="titlebarcontrols_AnnouncementsButton_"] { + background-color:transparent; +} +[class*="bottombar_AddGameButton_"] [class*="bottombar_Text_"],[class*="bottombar_FriendsButton_"] [class*="bottombar_Text_"] { + display:none; +} +[class*="bottombar_FriendsButton_"] { + padding:11px 7px 12px; + order:-1; + /*position:absolute; + top:1px; + right:149px; + */ +} +[class*="bottombar_FriendsButton_"] [class*="bottombar_Icon_"] svg,[class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Icon_"] svg { + display:none; +} +[class*="bottombar_FriendsButton_"]:hover { + background:rgb(var(--white05)); +} +[class*="bottombar_FriendsButton_"] [class*="bottombar_Icon_"] { + height:15px; + width:15px; + -webkit-mask-image: var(--friendsicon); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: rgb(var(--white)); +} +[class*="bottombar_ProgressBarWrapper_"] [class*="bottombar_StatusLine_"],[class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Queue_"] { + display:none; +} +[class*="bottombar_Icon_"] +[class*="libraryassetimage_Container_"][class*="libraryassetimage_GreyBackground_"],[class*="bottombar_DetailedDownloadProgress_"] [class*="bottombar_IconBevel_"] { + display:none; +} +[class*="bottombar_DetailedDownloadProgress_"] { + width:100%; + display:block; +} +[class*="bottombar_ProgressBarWrapper_"] { + margin-left:-8px; + margin-right:-8px; + margin-top:12px; +} +[class*="progressbar_ProgressBar_"][class*="progressbar_AnimateProgress_"]::after { + background-image:none; +} +@media (max-width:1250px) { /* Accounting for extra buttons like the one for Soundtracks */ + [class*="titlebarcontrols_AccountMenu_"] > div:nth-of-type(2) { + display: none; + /*max-width: 3em; Not enough space for this when all buttons are present. + overflow: hidden; + text-overflow: ellipsis;*/ +} +}[class*="bottombar_ProgressBarWrapper_"] [class*="bottombar_ProgressBar_"] { + height:1px; + --color-progress-bar-foreground:rgb(var(--focus)); + --color-progress-bar-background:rgb(var(--white)); +} +[class*="bottombar_DownloadStatusContent_"] { + display:block; + max-width:11px; + width:11px; + padding:12px 8px; + overflow:visible; + height:14px; + /*position:absolute; + top:1px; + right:121px; + */ +} +[class*="bottombar_DownloadStatusContent_"]:hover { + background:rgb(var(--white05)); +} +/* +[class*="bottombar_BottomBarContainer_"] { + height:0; + overflow:hidden; +} +*/ + +[class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Icon_"],[class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Status_"] { + -webkit-mask-image:var(--downloadicon); + -webkit-mask-repeat:no-repeat; + -webkit-mask-position:center; + width:11px; + height:14px; + background-color: rgb(var(--white)); +} +[class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Status_"] { + font-size:0; +} +[class*="titlebarcontrols_AccountMenu_"]:hover { + background-color:rgb(var(--white05)); +} +[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"]:not([class*="titlebarcontrols_Disabled_"]):hover,[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_WasNew_"]:not([class*="titlebarcontrols_Disabled_"]):hover,[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_NoNew_"]:not([class*="titlebarcontrols_Disabled_"]):hover { + background-color:rgb(var(--white05)); +} +/* Bottom right grip for resizing */ +.window_resize_grip { + visibility:hidden; +} +[class*="rootmenu_SteamButton_"] { + gap:6px; + /* + -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNS45MDIiIGhlaWdodD0iMTAuOTMzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMC40OCAwLjMzIj48cGF0aCBmaWxsPSIjMDgwMzQxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uNDguMDNIMFYwaC40OFpNLjQ4LjE4SDBWLjE1aC40OFpNLjQ4LjMzSDBWLjNoLjQ4WiIgY2xpcC1ydWxlPSJldmVub2RkIiBzdHlsZT0iZmlsbDojZmZmO3N0cm9rZS13aWR0aDouMDI1Mjk4NCIvPjwvc3ZnPg==); + gap: 6px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + height: 38px; + font-size: 0px; + padding: 0px 4px; + background-color: rgb(var(--white)); + */ +} +[class*="menu_MenuItem_"][class*="menu_Separator_"] { + border-bottom:1px solid rgb(var(--white12)) !important; +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Selected_"][class*="gamelistentry_Uninstalled_"],[class*="gamelistentry_Selected_"] +[class*="gamelistentry_Container_"][class*="gamelistentry_Uninstalled_"],[class*="gamelistentry_Uninstalled_"]:hover { + color:rgb(var(--white)); +} + +[class*="gamelistentry_Container_"][class*="gamelistentry_Selected_"][class*="gamelistentry_Updating_"], +[class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"][class*="gamelistentry_Updating_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_Selected_"] [class*="gamelistentry_GameListEntryContainer_"] [class*="gamelistentry_DownloadProgress_"] { + color:rgb(var(--white))!important; +} +[class*="rootmenu_RootMenuButton_"] { + color:rgb(var(--white)); + padding:6px 8px; + font-size:13px; + line-height:14px; + font-family:var(--basefont); +} +[class*="steamdesktop_TitleBar_"] [class*="steamdesktop_RootMenuBar_"] { + margin-top:0px; +} +[class*="steamavatar_avatarStatus_"] { + background:none !important; +} +[class*="rootmenu_RootMenuButton_"]:hover:not([class*="rootmenu_Disabled_"]) { + color:rgb(var(--white)); + background:rgb(var(--white05)); +} +.online { + color:rgb(var(--online)) !important; +} +.ingame { + color:rgb(var(--ingame)) !important; +} +[class*="titlebarcontrols_AccountMenu_"].ingame { + background-color:transparent; +} +[class*="steamdesktop_SuperNavBar_"] { + padding:0px; + height:38px; + min-height:38px; + position:absolute; + left:28px; + top:1px; +} +[class*="menu_MenuWrapper_"][class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"] { + border-bottom:1px solid rgb(var(--focus)); +} +[class*="supernav_Arrow_"] { + width:14px; + min-height:38px; + height:38px; + color:transparent; + padding:0 12px; + background-repeat:no-repeat; + background-position:center; + background-image:var(--forwardicon); +} +[class*="supernav_SuperNav_"] svg path { + visibility:hidden !important; +} +[class*="supernav_Arrow_"][class*="supernav_Enabled_"]:hover { + background-color:rgb(var(--white05)); +} +[class*="supernav_Arrow_"][class*="supernav_Disabled_"] { + filter:opacity(0.22); +} +[class*="steamdesktop_Wrapper_"] { + border:1px solid rgb(var(--frameBorder)); +} + +[class*="rootmenu_SteamButton_"] [class*="rootmenu_Logo_"] { + margin-top:0px; + margin-left:-4px; +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"] [class*="libraryhomenewupdates_EventSummaryContainer_"] { + transition:none; +} +[class*="steamdesktop_ContentFrame_"] { + background:rgb(var(--clientBG)); +} +.contextMenuUnselectable,.contextMenuUnselectable.disabled,.contextMenuGameTitle,.contextMenuBroadcast,.contextMenuGameOptions { + background-color:transparent; +} +.contextMenuGameName { + color:rgb(var(--white)); +} +.contextMenuGameTitleBlurCropContainer { + -webkit-mask:linear-gradient(to right,rgb(var(--clientBG)) 100%,rgba(0,0,0,0) 100%); +} +[class*="contextmenu_ContextMenuSeparator_"][class*="contextmenu_ContextMenuSeparator_"] + [class*="contextmenu_contextMenuItem_"] { + border-top:1px solid rgb(var(--white12)); +} +.contextMenuGameTitle { + border-top:1px solid rgb(var(--white12)); +} +[class*="gamelistsectionheader_SectionCount_"] { + color:rgb(var(--white50)); + font-size:14px; + height:18px; + font-family: var(--semibold); + margin: 0px 4px; +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"] svg path,[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"] svg line,[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"] svg polyline,[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"] svg circle { + stroke:rgb(var(--white)); +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"] svg { + fill:rgb(var(--white)); +} +[class*="gamelistdropdown_ScrollToTop_"] [class*="SVGIcon_"] { + background-color:rgb(var(--white12)); + border:none; +} +[class*="gamelistdropdown_ScrollToTop_"]:hover [class*="SVGIcon_"] { + background-color:rgb(var(--white24)); +} +[class*="gamelistdropdown_ScrollToTop_"] [class*="SVGIcon_"] polyline { + stroke:rgb(var(--white)); +} +[class*="appdetailsplaysection_StickyHeaderShadow_"] { + background:rgb(var(--frameBorder)); +} +[class*="appdetailsplaysection_StickyHeaderShadow_"][class*="appdetailsplaysection_Visible_"] { + height: 1px; +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_SearchInput_"] .DialogTextInputBase:hover { + background-color:transparent; +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"][class*="gamelistsearchbar_Disabled_"] { + background-color:transparent; +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"][class*="gamelistsearchbar_Extended_"] [class*="gamelistsearchbar_AdvancedSearchButton_"] svg path,[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"]:not([class*="gamelistsearchbar_Disabled_"]):hover [class*="gamelistsearchbar_AdvancedSearchButton_"] svg path { + fill:rgb(var(--white)); +} +[class*="pagedsettings_PagedSettingsDialog_PageContent_"].DesktopUI,.DesktopUI [class*="pagedsettings_PagedSettingsDialog_PageContent_"] { + background:rgb(var(--clientBG)); +} +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover [class*="pagedsettings_PageListItem_Icon_"] { + color:rgb(var(--white)); +} +[class*="pagedsettings_PagedSettingsDialog_PageListItem_"] [class*="pagedsettings_PageListItem_Icon_"].DesktopUI,.DesktopUI [class*="pagedsettings_PagedSettingsDialog_PageListItem_"] [class*="pagedsettings_PageListItem_Icon_"] { + color:rgb(var(--white)); +} +[class*="pagedsettings_PagedSettingsDialog_PageContent_"] .DialogHeader.DesktopUI,.DesktopUI [class*="pagedsettings_PagedSettingsDialog_PageContent_"] .DialogHeader { + font-weight: 300; + font-family: var(--basefont); + font-size: 20px; +} +[class*="settings_SettingsDialogFatButton_"] { + background-color:rgb(var(--white12)); +} +[class*="settings_SettingsDialogButton_"] { + color:rgb(var(--white)); + background-color:rgb(var(--white12)); +} +[class*="gamepaddialog_ToggleRail_"]::before { + background:rgb(var(--focus)); +} +[class*="pagedsettings_PageListSeparator_"] { + background:rgb(var(--white12)); +} +.online [class*="personanameandstatus_playerName_"] { + color:rgb(var(--online)); +} +.offline [class*="personanameandstatus_richPresenceLabel_"],.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a,.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover,.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active,.offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited { + color:rgb(var(--offline)); +} +.offline [class*="personanameandstatus_playerName_"] { + color:rgb(var(--offline)); +} +[class*="notificationssettings_NotificationSection_"] button.DialogButton { + background-color:rgb(var(--white12)); + color:rgb(var(--white)); + /* Potentially wrong,check with the original skin */ +} +[class*="gamepaddialog_ToggleSwitch_"] { + width:12px; +} +[class*="gamepaddialog_Toggle_"][class*="gamepaddialog_On_"] [class*="gamepaddialog_ToggleSwitch_"] { + transform:translateX(26px); +} +[class*="settings_SettingsModal_"] ._DialogInputContainer { + border:1px solid rgb(var(--white12)); + background:rgb(var(--clientBG)); +} +[class*="settings_SettingsModal_"] ._DialogInputContainer:hover { + background:rgb(var(--clientBG)); + color:rgb(var(--white)); + border:1px solid rgb(var(--white24))!important; +} +[class*="collapseicon_Container_"] .SVGIcon_PlusCircle:hover { + background-color: rgb(var(--white75)); +} +[class*="collapseicon_Container_"] .SVGIcon_PlusCircle { + width:16px; + height:16px; + -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='SVGIcon_Button SVGIcon_DownArrowContextMenu' viewBox='0 0 128 128' x='0px' y='0px'%3E%3Cpolygon points='50 59.49 13.21 22.89 4.74 31.39 50 76.41 95.26 31.39 86.79 22.89 50 59.49'%3E%3C/polygon%3E%3C/svg%3E"); + background-color: rgb(var(--white50)); + margin-top:6px; + margin-left: 1px; +} +[class*="collapseicon_Collapsed_"] svg.SVGIcon_Button.SVGIcon_PlusCircle { + transform:rotate(-90deg); + margin-top:2px; +} +[class*="collapseicon_CollapseIconParent_"] [class*="collapseicon_Container_"] line { + display:none; +} +[class*="appdetailsachievementssection_AdditionalItem_"] { + background-color:rgb(var(--white12)); +} +[class*="appdetailsachievementssection_AdditionalItem_"]:hover { + background-color:rgb(var(--white24)); +} +[class*="comment_thread_ActivityCommentThread_"] { + background:rgb(var(--black45)); +} +[class*="appdetailsachievementssection_Featured_"]:hover { + background:rgb(var(--white12)); +} +[class*="appdetailsspotlight_AppDetailsSpotlightDemo_"] { + background:rgb(var(--black45)); +} +.title-area-icon.maximizeButton.windowControlButton svg line { + display:none; +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] { + background:rgb(var(--clientBG)); + border-bottom: 1px solid rgb(var(--frameBorder)); + padding-bottom: 0; +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_StatusIcon_"] { + color:rgb(var(--white)); +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_URLBarText_"] [class*="steamdesktop_URL_"] { + color:rgb(var(--white)); +} +[class*="appactivityday_PartnerEventTextOnly_Container_"]:hover { + background:rgb(var(--white12)) !important; +} +[class*="appdetailsactivitysection_ActivityFeedContainer_"] [class*="appdetailsactivitysection_FetchMoreContainer_"] { + color:rgb(var(--white)); + background-color:rgb(var(--white12)); + width:calc(100% - 16px - 2px); +} +[class*="appdetailsactivitysection_ActivityFeedContainer_"] [class*="appdetailsactivitysection_FetchMoreContainer_"]:hover { + background-color:rgb(var(--white24)); + color:rgb(var(--white)); +} +[class*="appdetailscommunityfeed_ArtItem_"]:hover::after { + opacity:1; +} +[class*="appdetailscommunityfeed_ArtItem_"]::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; + background-color: rgb(var(--white12)); + z-index: 1; + opacity: 0; + pointer-events: none; +} + +[class*="appdetailscommunityfeed_Guide_"]:hover { + background:rgb(var(--white12)); +} +[class*="appdetailsprimarylinkssection_Anchor_"] [class*="appdetailsprimarylinkssection_Link_"]:hover { + background-color:rgb(var(--white05)); +} +button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"][class*="appdetailsbutton_BottomRight_"]:hover { + background-color:rgb(var(--white05)); + color:rgb(var(--white75)); +} +button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"] { + color:rgb(var(--white50)); +} +button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"][class*="appdetailsbutton_Left_"]:hover { + background-color:rgb(var(--white05)); + color:rgb(var(--white75)); +} +[class*="appactivityday_PartnerEventMediumImage_Title_"] { + color:rgb(var(--white)); +} +[class*="appdetailsprimarylinkssection_Anchor_"] [class*="appdetailsprimarylinkssection_Link_"] [class*="appdetailsprimarylinkssection_Text_"] { + color:rgb(var(--white50)); +} +[class*="appdetailsplaysection_PlayBarDetailLabel_"],[class*="appdetailsplaysection_LastPlayed_"] [class*="appdetailsplaysection_LastPlayedInfo_"] { + color:rgb(var(--white50)); + /* Seems to be white75 in the original but it was left to right, not top to bottom */ +} +[class*="appactivityday_PartnerEventType_"] { + color:rgb(var(--white50)); + text-transform:initial; + text-shadow:none; +} +[class*="appactivityday_PartnerEventMediumImage_Summary_"] { + color:rgb(var(--white75)); +} +[class*="appactivityday_AppActivityDay_"] [class*="appactivityday_AppActivityDate_"] { + color:rgb(var(--white50)); +} +[class*="appdetailsplaysection_MenuButton_"] { + background-color:rgb(var(--white12)); +} +[class*="appdetailsplaysection_MenuButton_"]:hover { + background-color:rgb(var(--white24)); +} +[class*="libraryhomenewupdates_EventTime_"] { + color:rgb(var(--white50)); +} +[class*="appdetailscommunityfeed_Guide_"] [class*="appdetailscommunityfeed_GuideTitle_"] { + color:rgb(var(--white50)); +} +[class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"] [class*="gamelistentry_CloudError_"],[class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"] [class*="gamelistentry_CloudError_"] { + background:rgb(var(--focus)); +} +[class*="titlebarcontrols_NotificationHeader_"] [class*="titlebarcontrols_AllNotificationsButton_"] { + background-color:rgb(var(--white12)); + color:rgb(var(--white)); +} +[class*="titlebarcontrols_NotificationHeader_"] [class*="titlebarcontrols_AllNotificationsButton_"]:hover { + background-color:rgb(var(--white24)); + color:rgb(var(--white)); +} +[class*="standardtemplates_PinnedTemplateDesktop_"] { + background-color:rgb(var(--white12)); +} +[class*="standardtemplates_PinnedTemplateDesktop_"]:hover { + background-color:rgb(var(--white24)); +} +button.DialogButton:disabled,button.DialogButton:disabled:hover,button.DialogButton.Disabled,button.DialogButton.Disabled:hover { + color:rgb(var(--white45)); + /* background:? */ +} +[class*="gamepaddialog_ToggleRail_"] { + background:rgb(var(--white12)); +} +[class*="standardtemplates_StandardTemplateDesktop_"][class*="standardtemplates_Unread_"] { + background:rgb(var(--white12)); + /* Unsure */ +} +[class*="appdetailsspotlight_AppDetailsSpotlightDemo_"] [class*="appdetailsspotlight_Info_"] [class*="appdetailsspotlight_Title_"] { + color:rgb(var(--white)); +} +[class*="libraryhomeshowcases_ShowcaseHeader_"] .SVGIcon_ReadyToPlay path { + fill:rgb(var(--white)); +} +[class*="libraryhomeshowcases_ShowcaseHeader_"] .SVGIcon_ReadyToPlay circle { + stroke:rgb(var(--white)); +} +[class*="libraryhomenewupdates_SettingsButton_"] svg { + fill:rgb(var(--white)); + color:rgb(var(--white)); +} +.DesktopUI [class*="DialogToggle_"] { + color:rgb(var(--white)); +} +[class*="appdetailsachievementssection_UnlockedLabel_"] { + color:rgb(var(--white75)); +} +.ingame [class*="personanameandstatus_playerName_"] { + color:rgb(var(--ingame)); +} +[class*="appactivityday_PartnerEventLargeImage_Title_"] { + color:rgb(var(--white)); +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"] [class*="gamelistsearchbar_AdvancedSearchPaneContainer_"] [class*="gamelistsearchbar_AdvancedSearchPane_"] { + background-color:rgb(var(--clientBG)); + border:1px solid rgb(var(--frameBorder)); +} +[class*="appfilterpane_Container_"] [class*="appfilterpane_FilterArea_"] [class*="appfilterpane_FilterBucket_"] .DialogInput_Wrapper .DialogTextInputBase { + background:rgb(var(--textentry)); +} +[class*="appdetailsprimarylinkssection_Anchor_"] [class*="appdetailsprimarylinkssection_Link_"]:hover [class*="appdetailsprimarylinkssection_Text_"] { + color:rgb(var(--white75)); /* As seen in Dom's Metro */ +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"]:hover [class*="libraryhomenewupdates_EventSummaryContainer_"] [class*="libraryhomenewupdates_EventSummaryText_"],.gpfocus > [class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"] [class*="libraryhomenewupdates_EventSummaryContainer_"] [class*="libraryhomenewupdates_EventSummaryText_"] { + color:rgb(var(--white75)); +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"]:hover [class*="libraryhomenewupdates_EventSummaryContainer_"] [class*="libraryhomenewupdates_EventSummaryType_"],.gpfocus > [class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"][class*="libraryhomenewupdates_HoversEnabled_"] [class*="libraryhomenewupdates_EventSummaryContainer_"] [class*="libraryhomenewupdates_EventSummaryType_"] { + color:rgb(var(--white50)); +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"] [class*="libraryhomenewupdates_EventSummaryType_"] { + transition:none; +} +[class*="libraryhomenewupdates_Event_Title_"] { + white-space:nowrap; + /* Making the updates text less flexible so that it doesn't cause the game titles to be all over the place */ +} +[class*="libraryhomenewupdates_Event_Title_"] div[class*="libraryhomenewupdates_PartnerEventRowCapsule_TextTitle_"] { + color:rgb(var(--white)); +} +[class*="libraryhomenewupdates_GameIconAndName_"] [class*="libraryhomenewupdates_GameName_"] { + color:rgb(var(--white)); +} +[class*="libraryhomenewupdates_GameIconAndName_"] { + background-color:transparent; +} +.LibraryDisplaySizeSmall [class*="libraryhome_UpdatesContainer_"] { + height:250px; +} +[class*="libraryhome_UpdatesContainer_"] { + height:300px; +} +[class*="appportraithover_AppTitle_"] { + color: rgb(var(--white)); +} +[class*="appportraithover_PlaytimeDetails_"] { + color: rgb(var(--white50)); +} +[class*="appportraithover_PlaytimeDetails_"] [class*="appportraithover_Header_"] { + color: rgb(var(--white50)); +} +[class*="appportraithover_CapsuleBackgroundContainer_"] { + display: none; +} + +[class*="appportraithover_AppPortraitHover_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} + +[class*="appportraithover_ScreenshotCrossfade_"] { + background: transparent; + -webkit-mask-image: none; +} +[class*="appgrid_SortingDropDownContainer_"]>div.DesktopUI, .DesktopUI [class*="appgrid_SortingDropDownContainer_"]>div { + background: rgb(var(--clientBG))!important; + border: 1px solid rgb(var(--frameBorder)); +} +[class*="appgrid_SortingDropDownContainer_"] [class*="appgrid_SortingDropDownItems_"].DesktopUI, .DesktopUI [class*="appgrid_SortingDropDownContainer_"] [class*="appgrid_SortingDropDownItems_"] { + color: rgb(var(--white)); +} +[class*="appgrid_SortingDropDownContainer_"] [class*="appgrid_SortingDropDownItems_"]:hover.DesktopUI, .DesktopUI [class*="appgrid_SortingDropDownContainer_"] [class*="appgrid_SortingDropDownItems_"]:hover { + background: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="appgrid_SortingDropDownContainer_"] [class*="appgrid_SortingDropDownItems_"]:hover { + background-color: rgb(var(--white05)); +} +.DesktopUI [class*="libraryhomeshowcases_CollectionDropDownContainer_"][class*="libraryhomeshowcases_CollectionDropDownContainer_"] ._DialogInputContainer { + background: rgb(var(--clientBG)) !important; + color: rgb(var(--white)); + border: 1px solid rgb(var(--frameBorder)); +} +.DesktopUI [class*="libraryhomeshowcases_CollectionDropDownContainer_"][class*="libraryhomeshowcases_CollectionDropDownContainer_"] [class*="libraryhomeshowcases_DropDownItems_"]:hover { + background: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="appportrait_LibraryItemBox_"]:hover~[class*="appportrait_LibraryItemBoxSubscript_"] { + transform: none; +} +[class*="appportrait_LibraryItemBoxSubscript_"] { + color: rgb(var(--white)); + background-color: rgb(var(--black75)); +} +[class*="tooltip_ToolTipCustom_"] { + background-color: rgb(var(--clientBG)); + color: rgb(var(--white)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="tooltip_ToolTipCustom_"] [class*="tooltip_ToolTipInsetContent_"] { + color: rgb(var(--white)); +} +[class*="tooltip_ToolTipCustom_"] [class*="tooltip_ToolTipTitle_"] { + color: rgb(var(--white)); +} +[class*="libraryhomenewupdates_GameIconAndName_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="appgrid_SortingDropDown_"] [class*="appgrid_SortingDropDownLabel_"] { + color: rgb(var(--white75)); + margin-top: 0px; +} +[class*="appdetailsfriendssection_AvatarAndLabel_"]:hover { + background-color: rgb(var(--white05)); +} +button.DialogButton.Primary { + background: rgb(var(--white12)); +} +[class*="pageablecontainer_PageClickContainer_"] [class*="pageablecontainer_PageLeft_"] svg polyline, [class*="pageablecontainer_PageClickContainer_"] [class*="pageablecontainer_PageRight_"] svg polyline { + stroke: rgb(var(--white)); /* Unsure */ +} +[class*="gamelistentry_FriendIsPlaying_"] { + left: 3px; +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameListEntryContainer_"] { + padding-left: 18px; + padding-top: 3px; + padding-bottom: 4px; +} +[class*="appdetailsachievementssection_Featured_"] [class*="appdetailsachievementssection_TextSection_"] [class*="appdetailsachievementssection_Name_"] { + color: rgb(var(--white)); +} +[class*="appdetailsachievementssection_Featured_"] [class*="appdetailsachievementssection_TextSection_"] [class*="appdetailsachievementssection_Desc_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_PartnerEventLargeImage_Container_"]:hover [class*="appactivityday_PartnerEventLargeImage_Title_"] { + color: rgb(var(--white)); +} +[class*="friendsnooze_SnoozeContainer_"].online [class*="friendsnooze_SnoozeZ_"] { + color: rgb(var(--online)); +} +[class*="appdetailsfriendssection_Subsection_"] [class*="appdetailsfriendssection_SubsectionHeader_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsreviewsection_ReviewText_"] { + color: rgb(var(--white75)); +} +button.TextButton { + color: rgb(var(--white)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Name_"] { + color: rgb(var(--white50)); +} +[class*="downloadgraph_StatsPanel_"] [class*="downloadgraph_Figure_"] { + color: rgb(var(--white)); +} +button.TextButton[class*="appdetailsfriendssection_ShowMore_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_PartnerEventTextOnly_Title_"] { + color: rgb(var(--white)); +} +[class*="appdetailssection_Highlight_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsreviewsection_PlayedForTime_"] { + color: rgb(var(--white50)); +} +[class*="downloadgraph_Button_"][class*="downloadgraph_Button_"], [class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:enabled, [class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:active, [class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:hover, [class*="downloadgraph_Button_"][class*="downloadgraph_Button_"]:enabled:active:hover, [class*="downloadgraph_Button_"][class*="downloadgraph_Button_"].DialogButton:enabled { + color: rgb(var(--white)); +} +[class*="downloads_AutoUpdateHours_"]:hover [class*="downloads_UpdateHours_"], [class*="downloads_AutoUpdateHours_"]:hover[class*="downloads_NoHours_"] { + color: rgb(var(--white75)); +} +[class*="downloadgraph_DownloadGraphLegend_"] [class*="downloadgraph_LegendText_"] { + color: rgb(var(--white)); +} +[class*="downloads_ProgressDetails_"] [class*="downloads_Value_"] { + color: rgb(var(--white50)); +} +[class*="downloads_SectionItemStatus_"] [class*="downloads_ProgressBar_"] { + background-color: rgb(var(--white25)); +} +[class*="downloads_ProgressDetails_"] { + color: rgb(var(--white50)); +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_Button_"].DialogButton:enabled { + background: transparent; +} +[class*="downloadgraph_StatsPanel_"] [class*="downloadgraph_Status_"] { + color: rgb(var(--white)); +} +[class*="downloadgraph_Throttle_"] { + color: rgb(var(--white50)); + /*text-decoration-line: underline; + Creates an unwanted line that appears at all times*/ + /*cursor: pointer!important; + */ +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_RemoveFromQueue_"].DialogButton:enabled { + background: transparent; +} +[class*="downloadgraph_Throttle_"]:hover [class*="downloadgraph_ThrottleValue_"] { + color: rgb(var(--white)); +} +[class*="downloadgraph_Throttle_"] [class*="downloadgraph_ThrottleValue_"] { + color: rgb(var(--white50)); + cursor: pointer!important; +} +[class*="downloadgraph_StatsPanel_"] [class*="downloadgraph_Throttle_"]:hover { + color: rgb(var(--white)); +} +[class*="downloads_SectionTitle_"] [class*="downloads_Count_"] { + color: rgb(var(--white50)); + font-size: 14px; +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_Container_"] [class*="libraryhomenewupdates_EventTimeSpan_"] { + background-color: rgb(var(--black75)); + color: rgb(var(--white75)); +} +[class*="gamepaddialog_FieldLabel_"] { + color: rgb(var(--white50)); +} +.online [class*="personanameandstatus_richPresenceLabel_"], .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited { + color: rgb(var(--online)); +} +.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu { + fill: rgb(var(--white50)); +} +.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu:hover { + fill: rgb(var(--white)); +} +.DialogBody a:hover { + color: rgb(var(--white75)); /* In the original Metro, some link hovers are white75, while others are white */ +} +.DialogBody a { + color: rgb(var(--white50)); /* In the original Metro, some links are white50, while others are white75 */ + text-decoration: underline; + cursor: pointer!important; +} +.DialogHeader { + color: rgb(var(--white)); +} +[class*="contentmanagement_DriveUsageText_"], [class*="contentmanagement_DriveUsageNumber_"] { + color: rgb(var(--white)); +} +[class*="gamepadslider_SliderTrack_"] { + --left-track-color: rgb(var(--focus)); +} +[class*="gamepadslider_SliderHandle_"] { + background: rgb(var(--white)); +} +[class*="gamepadslider_SliderTrack_"] { + background: rgb(var(--black)); +} +button[class*="accountpanel_FatButton_"] [class*="accountpanel_Label_"] { + color: rgb(var(--white)); +} +button[class*="accountpanel_FatButton_"] svg { + color: rgb(var(--white)); +} +[class*="accountpanel_Highlight_"] { + color: rgb(var(--white)); +} +[class*="settings_SettingsDialogFatButton_"].DesktopUI, .DesktopUI [class*="settings_SettingsDialogFatButton_"] { + background-color: rgb(var(--white12)); +} +[class*="settings_SettingsDialogButton_"].DesktopUI, .DesktopUI [class*="settings_SettingsDialogButton_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white12)); +} +[class*="notificationssettings_NotificationDescription_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyLeft_"] [class*="contentmanagement_AppName_"] { + color: rgb(var(--white)); +} +[class*="gamepaddialog_FieldDescription_"].DesktopUI, .DesktopUI [class*="gamepaddialog_FieldDescription_"] { + color: rgb(var(--white50)); +} +[class*="librarysettings_DescriptionText_"].DesktopUI, .DesktopUI [class*="librarysettings_DescriptionText_"] { + color: rgb(var(--white50)); +} +[class*="accountsettings_EntryValue_"] { + color: rgb(var(--white50)); +} +[class*="desktopsecuritysettings_EntryValue_"] { + color: rgb(var(--white50)); +} +[class*="settings_SettingsDialogSubHeader_"].DesktopUI, .DesktopUI [class*="settings_SettingsDialogSubHeader_"] { + color: rgb(var(--white75)); +} +[class*="notificationssettings_FriendsDescription_"][class*="notificationssettings_FriendsDescription_"].DesktopUI, .DesktopUI [class*="notificationssettings_FriendsDescription_"][class*="notificationssettings_FriendsDescription_"] { + color: rgb(var(--white50)); +} +[class*="familysettings_UserListHeader_"] { + color: rgb(var(--white)); + text-transform: none; + font-weight: normal; +} +.DialogSubHeader { + font-size: 20px; + letter-spacing: 0; + color: rgb(var(--white)); + text-transform: none; + font-family: var(--basefont); +} +button[class*="accountpanel_FatButton_"] [class*="accountpanel_Details_"] { + color: rgb(var(--white)); +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_MenuHeader_"] [class*="gamelistdropdown_Arrow_"] polygon { + fill: rgb(var(--white50)); +} +:not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_ButtonChild_"] svg { + color: white; /* Intentional, not to be a var */ + fill: white; /* Intentional, not to be a var */ +} +[class*="appactionbutton_ButtonChild_"] { + background: rgb(var(--online)); +} +a[class*="appdetailsbroadcastsection_ViewBroadcastOnWeb_"] { + color: rgb(var(--white50)); +} +a[class*="appdetailsbroadcastsection_ViewBroadcastOnWeb_"]:hover { + background-color: rgb(var(--white05)); + color: rgb(var(--white75)); +} +.LibraryDisplaySizeMedium [class*="libraryhome_UpdatesContainer_"] { + height: 280px; +} +[class*="appgrid_SortingDropDown_"] ._DialogInputContainer [class*="DialogDropDown_"] svg { + fill: rgb(var(--white50)); +} +[class*="libraryhomeshowcases_CollectionDropDown_"] ._DialogInputContainer [class*="DialogDropDown_"] svg { + fill: rgb(var(--white50)); +} +[class*="appgrid_SortingDropDown_"] ._DialogInputContainer { + outline: 1px solid rgb(var(--white12)); + color: rgb(var(--white75)); +} +[class*="appgrid_SortingDropDown_"] ._DialogInputContainer.DialogDropDown:hover { + color: rgb(var(--white75)); + outline: 1px solid rgb(var(--white24)); +} +[class*="appgrid_SortingDropDown_"] ._DialogInputContainer [class*="DialogDropDown_"] { + background-color: transparent; +} +[class*="appgrid_SortingDropDown_"] ._DialogInputContainer [class*="DialogDropDown_"]ntDisplay { + background-color: transparent; +} +[class*="libraryhomeshowcases_CollectionDropDown_"] ._DialogInputContainer [class*="DialogDropDown_"]:hover svg { + fill: rgb(var(--white)); +} +[class*="allcollections_ScrollContainer_"] [class*="allcollections_Header_"] { + color: rgb(var(--white)); +} +[class*="libraryhomeshowcases_AddShowcaseRow_"] { + color: rgb(var(--white50)); +} +[class*="libraryhomeshowcases_AddShowcaseRow_"] svg line, [class*="libraryhomeshowcases_AddShowcaseRow_"] svg circle { + stroke: rgb(var(--white50)); +} +[class*="libraryhomeshowcases_AddShowcaseRow_"][class*="libraryhomeshowcases_ButtonHovered_"] svg line, [class*="libraryhomeshowcases_AddShowcaseRow_"][class*="libraryhomeshowcases_ButtonHovered_"] svg circle { + stroke: rgb(var(--white)); +} +[class*="libraryhomeshowcases_AddShowcaseRow_"][class*="libraryhomeshowcases_ButtonHovered_"] [class*="libraryhomeshowcases_AddShowcase_"] { + color: rgb(var(--white)); +} +[class*="libraryhomenewupdates_SettingsButton_"], [class*="libraryhomenewupdates_SettingsButton_"] svg path, [class*="libraryhomenewupdates_SettingsButton_"] svg { + cursor: pointer!important; +} +[class*="writereview_RatingContainer_"] [class*="writereview_RecommendGame_"] { + color: rgb(var(--white)); +} +[class*="writereview_RatingContainer_"] [class*="writereview_LeftContainer_"] [class*="writereview_Playtime_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsspotlight_ReviewContainer_"] { + background-color: rgb(var(--black45)); +} +[class*="writereview_ReviewThumbButton_"] { + background: rgb(var(--white12)); + color: rgb(var(--white)); +} +[class*="writereview_ReviewThumbButton_"]:not([class*="writereview_Selected_"]):hover { + color: rgb(var(--white))!important; + background: rgb(var(--white24)); +} +[class*="writereview_ThumbIcon_"] { + fill: rgb(var(--white)); +} +[class*="radio_Button_"][class*="radio_Active_"], [class*="radio_Button_"][class*="radio_Active_"]:hover { + background-color: rgb(var(--focus)); + color: rgb(var(--white)); +} +[class*="radio_Group_"] { + background-color: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="radio_Button_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="radio_Button_"] { + background-color: rgb(var(--white12)); +} +button.DialogButton.Primary:hover, button.DialogButton.Primary.gpfocus { + background: rgb(var(--white24)); + color: rgb(var(--white)); +} +[class*="contentmanagement_IsSelected_"] { + background-color: rgb(var(--white05)); +} +[class*="contentmanagement_InstallFolder_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_LibraryContent_"] [class*="contentmanagement_DriveUsage_"] [class*="contentmanagement_DriveName_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_DriveSettingsButton_"] { + background-color: rgb(var(--white12)); + color: rgb(var(--white)); +} +[class*="contentmanagement_DriveSettingsButton_"]:hover, [class*="contentmanagement_DriveSettingsButton_"]:focus { + color: rgb(var(--white)); + background: rgb(var(--white24)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBody_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="contentmanagement_InstallFolder_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="contentmanagement_ActionButton_"].DialogButton.DesktopUI, .DesktopUI [class*="contentmanagement_ActionButton_"].DialogButton { + background-color: rgb(var(--white12)); +} +[class*="voicesettings_MicrophoneTest_"] [class*="voicesettings_VolumeBar_"] { + background: rgb(var(--black)); +} +[class*="remoteplaysettings_TableHeader_"] { + color: rgb(var(--white)); +} +[class*="gamepaddialog_LabelFieldValue_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsplaysection_GameStat_"] [class*="appdetailsplaysection_CloudIconSVG_"], +[class*="appdetailsplaysection_GameStat_"] [class*="appdetailsplaysection_AchievementSVG_"] +{ + color: rgb(var(--white50)); +} +[class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIcon_"] svg polyline, [class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIcon_"] svg path, [class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIconForced_"] svg polyline, [class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIconForced_"] svg path { + stroke: rgb(var(--white50)); +} +[class*="appactivityday_PartnerEventMediumImage_Container_"]:hover [class*="appactivityday_PartnerEventMediumImage_Title_"] { + color: rgb(var(--white)); +} +[class*="titlebarcontrols_AccountMenu_"].offline { + color: rgb(var(--offline)); +} + +[class*="libraryhome_UpdatesContainer_"] { + display: var(--whatsnew); +} +[class*="steamdesktopoverlay_OverlayPopup_"] { + background: rgb(var(--clientBG)); +} +[class*="steamdesktopoverlay_GameOverview_"] { + background: transparent; +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_GameOverviewSectionHeader_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white10)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_GuideListItem_"] { + color: rgb(var(--white75)); + background-color: rgb(var(--black20)); +} +[class*="steamdesktopoverlay_FocusIndicator_"] { + display: none; +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_GameOverviewSectionHeader_"]>svg { + color: rgb(var(--white50)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_GameOverviewSectionHeader_"]>svg:hover { + color: rgb(var(--white)); +} +[class*="steamdesktopoverlay_ToolbarContainer_"] [class*="steamdesktopoverlay_Toolbar_"] [class*="steamdesktopoverlay_ToolbarButton_"][class*="steamdesktopoverlay_Toggled_"] { + background-color: rgb(var(--focus)); +} +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_TopSectionRightSide_"] [class*="steamdesktopoverlay_BackToGame_"] [class*="steamdesktopoverlay_BackToGameBtn_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_TopSectionRightSide_"] [class*="steamdesktopoverlay_BackToGame_"] [class*="steamdesktopoverlay_BackToGameBtn_"] { + background-color: rgb(var(--white12)); +} + +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_Playtime_"] { + color: rgb(var(--white75)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"][class*="steamdesktopoverlay_HasBackground_"] { + background-color: rgb(var(--black20)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_RecentNewsItem_"] { + color: rgb(var(--white75)); + background-color: rgb(var(--black20)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_PlayersSection_"] [class*="steamdesktopoverlay_ViewPlayersBtn_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_PlayersSection_"] [class*="steamdesktopoverlay_ViewPlayersBtn_"] { + background-color: rgb(var(--white12)); +} +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_ExitGameBtn_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white12)); +} +[class*="steamdesktopoverlay_ToolbarContainer_"] [class*="steamdesktopoverlay_Toolbar_"] [class*="steamdesktopoverlay_ToolbarButton_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="steamdesktopoverlay_ToolbarContainer_"] [class*="steamdesktopoverlay_Toolbar_"] [class*="steamdesktopoverlay_ToolbarButton_"] { + background-color: rgb(var(--white12)); + border: 1px solid rgb(var(--white)); + border-radius: 50%!important; +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_BottomControlsRow_"] [class*="serverbrowserdialog_ToggleShowFilterDetailsButton_"][class*="serverbrowserdialog_Selected_"] { + color: rgb(var(--white)); + background: rgb(var(--focus)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] button.DialogButton svg { + color: rgb(var(--white)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +.ModalPosition_Content { + color: rgb(var(--white)); +} +.ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line { + stroke: rgb(var(--white)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_ServerListHeaderCtr_"] { + background: rgb(var(--white10)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_TopControlsCtr_"] button[class*="serverbrowserdialog_SwitchTabButton_"][class*="serverbrowserdialog_Selected_"] { + color: rgb(var(--white)); + background: rgb(var(--focus)); + font-weight: 300; +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_ColumnResizer_"] { + background: transparent; +} +[class*="libraryhomenewupdates_WhatsNewSettingsContainer_"] { + background: rgb(var(--clientBG)); +} +[class*="toggle_Toggle_"] [class*="toggle_ToggleSwitch_"][class*="toggle_Off_"] { + background-color: rgb(var(--white)); +} +[class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"] { + background-color: rgb(var(--white12)); +} +[class*="toggle_Toggle_"] [class*="toggle_ToggleSwitch_"][class*="toggle_On_"] { + background-color: rgb(var(--white)); + background-image: none; +} +[class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"][class*="toggle_Highlight_"] { + background-color: rgb(var(--focus)); +} +[class*="updatealert_AlertButton_"] { + color: rgb(var(--white)); +} +[class*="updatealert_PatchNotesLink_"] { + cursor: pointer!important; + color: rgb(var(--white)); +} +[class*="updatealert_Alert_"] { + background-color: rgb(var(--focus)); +} +[class*="updatealert_PrimaryMessage_"] { + font-size: 15px; + color: rgb(var(--white)); +} +[class*="mediamanagerutils_ComboboxSelector_"] { + color: rgb(var(--white)); +} +[class*="dropdown_DialogDropDownMenu_"]._DialogInputContainer { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="dropdown_DialogDropDownMenu_Item_"]:hover { + background: rgb(var(--white05)); +} +[class*="standardtemplates_StandardTemplateDesktop_"][class*="standardtemplates_Unread_"]:hover { + background: rgb(var(--white24)); +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_ReloadButton_"]:hover { + background: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_URLBarText_"]:hover { + background: rgb(var(--white05)); +} +[class*="gamelistentry_FriendStatusHover_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="appdetailscommunityfeed_ArtItem_"] [class*="appdetailscommunityfeed_DescriptionRow_"] { + color: rgb(var(--white75)); +} +[class*="appdetailscommunityfeed_ArtItem_"] [class*="appdetailscommunityfeed_BottomSection_"] { + background: rgb(var(--black75)); +} +[class*="appdetailsworkshopsection_FeaturedItem_"] [class*="appdetailsworkshopsection_FeaturedItemDetailsContainer_"] [class*="appdetailsworkshopsection_FeaturedItemHeader_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsworkshopsection_FeaturedItem_"] [class*="appdetailsworkshopsection_FeaturedItemDetailsContainer_"] [class*="appdetailsworkshopsection_FeaturedItemName_"] { + color: rgb(var(--white)); +} +[class*="appdetailsworkshopsection_FeaturedItem_"] [class*="appdetailsworkshopsection_FeaturedItemDetailsContainer_"] [class*="appdetailsworkshopsection_FeaturedItemDesc_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsworkshopsection_FeaturedItem_"] [class*="appdetailsworkshopsection_FeaturedItemHideButton_"] .SVGIcon_X_Line { + stroke: rgb(var(--white50)); +} +.DesktopUI [class*="installrequest_FolderOption_"][class*="installrequest_Active_"] { + background: rgb(var(--focus)); +} +.DesktopUI [class*="installrequest_FolderOption_"] { + background: rgb(var(--white12)); + color: rgb(var(--white)); +} +.DesktopUI [class*="installrequest_FolderOption_"]:hover { + color: rgb(var(--white)); + background: rgb(var(--white24)); +} +.DesktopUI [class*="installrequest_InstallRequestModal_"] { + border: 1px solid rgb(var(--frameBorder)); +} +.DialogTextInputBase, ._DialogInputContainer { + background: rgb(var(--textentry)); + color: rgb(var(--white)); +} +[class*="pageablecontainer_HeaderPageControls_"] [class*="pageablecontainer_Name_"] { + text-transform: none; + font-weight: 400; + letter-spacing: normal; +} +[class*="appportrait_HoversEnabled_"] [class*="appportrait_LibraryItemActionButton_"][class*="appportrait_Play_"]:not([class*="appportrait_Disabled_"]):hover { + background: rgb(var(--white12)); +} +[class*="appportrait_HoversEnabled_"] [class*="appportrait_LibraryItemActionButton_"]:hover:not([class*="appportrait_Disabled_"]) .SVGIcon_Play{ + transform: none; + fill: rgb(var(--white)); +} +[class*="appportrait_HoversEnabled_"] [class*="appportrait_LibraryItemBox_"] [class*="appportrait_LibraryItemActionButton_"]:hover:not([class*="appportrait_Disabled_"]):not([class*="appportrait_Play_"]) svg { + transform: none; +} +[class*="appportrait_HoversEnabled_"] [class*="appportrait_LibraryItemBox_"] [class*="appportrait_LibraryItemActionButton_"]:hover:not([class*="appportrait_Disabled_"]):not([class*="appportrait_Play_"]) { + background: rgb(var(--white12)); +} +[class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_Button_"].DialogButton:enabled:hover, [class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_Button_"].DialogButton:enabled:focus, +[class*="downloads_SectionItem_"][class*="downloads_Active_"] [class*="downloads_Button_"].DialogButton:enabled[class*="downloads_RemoveFromQueue_"]:hover { + background: rgb(var(--white12)); +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Running_"][class*="gamelistentry_Selected_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_Running_"][class*="gamelistentry_Selected_"][class*="gamelistentry_DownloadProgress_"] { + color: rgb(var(--white))!important; +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Running_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_Running_"] [class*="gamelistentry_DownloadProgress_"] { + color: rgb(var(--ingame))!important; +} +.DesktopUI [class*="library_ContextMenuAction_"].Stream, .DesktopUI [class*="library_ContextMenuAction_"].Connect, .DesktopUI [class*="library_ContextMenuAction_"].Launch, .DesktopUI [class*="library_ContextMenuAction_"].PlayMusic, .DesktopUI [class*="library_ContextMenuAction_"].Play{ + background: rgb(var(--ingame)); +} +:not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_ButtonChild_"]:hover { + background: rgb(var(--online)); + filter: brightness(1.1); +} +[class*="standardtemplates_AllNotificationsTemplate_"] [class*="standardtemplates_Title_"], [class*="standardtemplates_StandardTemplateDesktop_"] [class*="standardtemplates_Title_"], [class*="standardtemplates_DesktopToastTemplate_"] [class*="standardtemplates_Title_"], [class*="standardtemplates_PinnedTemplateDesktop_"] [class*="standardtemplates_Title_"] { + color: rgb(var(--white50)); +} +[class*="notificationcontent_TimestampDesktop_"] { + color: rgb(var(--white50)); +} +[class*="standardtemplates_AllNotificationsTemplate_"] [class*="standardtemplates_StandardNotificationSubText_"], [class*="standardtemplates_StandardTemplateDesktop_"] [class*="standardtemplates_StandardNotificationSubText_"], [class*="standardtemplates_DesktopToastTemplate_"] [class*="standardtemplates_StandardNotificationSubText_"], [class*="standardtemplates_PinnedTemplateDesktop_"] [class*="standardtemplates_StandardNotificationSubText_"] { + color: rgb(var(--white50)); +} +[class*="standardtemplates_NewIndicator_"] svg { + width: 10px; + height: 10px; + color: rgb(var(--focus)); +} +[class*="standardtemplates_NewIndicator_"] { + filter: none; +} +.DesktopUI [class*="library_ContextMenuAction_"].Download:hover, .DesktopUI [class*="library_ContextMenuAction_"].Download:focus, .DesktopUI [class*="library_ContextMenuAction_"].Update:hover, .DesktopUI [class*="library_ContextMenuAction_"].Update:focus, .DesktopUI [class*="library_ContextMenuAction_"].PreLoad:hover, .DesktopUI [class*="library_ContextMenuAction_"].PreLoad:focus, .DesktopUI [class*="library_ContextMenuAction_"].Resume:hover, .DesktopUI [class*="library_ContextMenuAction_"].Resume:focus, .DesktopUI [class*="library_ContextMenuAction_"].Pause:hover, .DesktopUI [class*="library_ContextMenuAction_"].Pause:focus, .DesktopUI [class*="library_ContextMenuAction_"].BorrowApp:hover, .DesktopUI [class*="library_ContextMenuAction_"].BorrowApp:focus, .DesktopUI [class*="library_ContextMenuAction_"].Stop:hover, .DesktopUI [class*="library_ContextMenuAction_"].Stop:focus, .DesktopUI [class*="library_ContextMenuAction_"].Cancel:hover, .DesktopUI [class*="library_ContextMenuAction_"].Cancel:focus, .DesktopUI [class*="library_ContextMenuAction_"].Install:hover, .DesktopUI [class*="library_ContextMenuAction_"].Install:focus, .DesktopUI [class*="library_ContextMenuAction_"].PurchaseApp:hover, .DesktopUI [class*="library_ContextMenuAction_"].PurchaseApp:focus { + background: rgb(var(--online)); + filter: brightness(1.1); +} +.DesktopUI [class*="library_ContextMenuAction_"].Download, .DesktopUI [class*="library_ContextMenuAction_"].Update, .DesktopUI [class*="library_ContextMenuAction_"].PreLoad, .DesktopUI [class*="library_ContextMenuAction_"].Resume, .DesktopUI [class*="library_ContextMenuAction_"].Pause, .DesktopUI [class*="library_ContextMenuAction_"].BorrowApp, .DesktopUI [class*="library_ContextMenuAction_"].Stop, .DesktopUI [class*="library_ContextMenuAction_"].Cancel, .DesktopUI [class*="library_ContextMenuAction_"].Install, .DesktopUI [class*="library_ContextMenuAction_"].PurchaseApp { + background: rgb(var(--online)); +} +.DesktopUI [class*="library_ContextMenuAction_"].Stream:hover, .DesktopUI [class*="library_ContextMenuAction_"].Stream:focus, .DesktopUI [class*="library_ContextMenuAction_"].Connect:hover, .DesktopUI [class*="library_ContextMenuAction_"].Connect:focus, .DesktopUI [class*="library_ContextMenuAction_"].Launch:hover, .DesktopUI [class*="library_ContextMenuAction_"].Launch:focus, .DesktopUI [class*="library_ContextMenuAction_"].PlayMusic:hover, .DesktopUI [class*="library_ContextMenuAction_"].PlayMusic:focus, .DesktopUI [class*="library_ContextMenuAction_"].Play:hover, .DesktopUI [class*="library_ContextMenuAction_"].Play:focus { + background: rgb(var(--ingame)); + filter: brightness(1.1); +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Uninstalled_"] { + color: rgb(var(--white50)); +} +[class*="appgrid_CollectionOptionsRightJustified_"] [class*="appgrid_ShowingReadyToPlay_"] { + font-weight: normal; + color: rgb(var(--white)); +} +[class*="gamelistentry_Container_"][class*="gamelistentry_Updating_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_CloudOutOfDate_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_CloudError_"], +[class*="gamelistentry_Container_"][class*="gamelistentry_Synchronizing_"], +.contextMenuItem [class*="jumplist_JumpListGameName_"][class*="jumplist_Updating_"] { + color: rgb(var(--online)); + font-weight: normal; +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameListEntryContainer_"] [class*="gamelistentry_DownloadProgress_"] { + color: rgb(var(--online)); +} +[class*="downloads_SectionItemStatus_"] [class*="downloads_Downloading_"] [class*="downloads_State_"] { + color: rgb(var(--white)); +} +[class*="downloads_SectionItemStatus_"] [class*="downloads_ProgressBar_"] div { + background-color: rgb(var(--focus)); +} +[class*="appdetailsplaysection_DetailsProgressContainer_"] [class*="appdetailsplaysection_DetailsProgressBar_"] { + background-color: rgb(var(--focus)); +} +[class*="appactionbutton_ButtonChild_"][class*="appactionbutton_StreamingSelector_"] { + background: rgb(var(--online)); +} +[class*="downloads_SectionItem_"]:hover [class*="downloads_Button_"].DialogButton:enabled { + background: transparent; +} +[class*="downloads_SectionItem_"]:hover [class*="downloads_Button_"].DialogButton:enabled:hover { + background: rgb(var(--white12)); +} +[class*="emoticon_NewEmoticonIndicator_"] { + background: none; + top: calc(100% - 2px); + right: 0; + left: 0; + bottom: 0; +} +[class*="emoticon_NewEmoticonIndicator_"] [class*="emoticon_NewEmoticonCircle_"] { + background-color: rgb(var(--focus)); + width: 100%; + height: 2px; +} +[class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_PostButton_"][class*="posttextentry_Enabled_"]:hover { + background: rgb(var(--white24)); + color: rgb(var(--white)); +} +[class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_PostButton_"][class*="posttextentry_Enabled_"] { + background: rgb(var(--white12)); +} +[class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"] line, [class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"] circle, [class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"] path { + stroke: rgb(var(--white)); +} +[class*="appproperties_AppProperties_"][class*="appproperties_AppProperties_"]:not([class*="appproperties_GamepadUI_"]) [class*="appproperties_SettingsDialogButton_"], [class*="appproperties_AppProperties_"]:not([class*="appproperties_GamepadUI_"]) [class*="appproperties_AppProperties_"] [class*="appproperties_SettingsDialogButton_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white12)); +} +[class*="pagedsettings_PagedSettingsDialog_"] .DialogDropDown._DialogInputContainer { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--white12)); + color: rgb(var(--white)); +} +[class*="appproperties_AppProperties_"][class*="appproperties_AppProperties_"]:not([class*="appproperties_GamepadUI_"]) .DialogDropDown:hover, [class*="appproperties_AppProperties_"]:not([class*="appproperties_GamepadUI_"]) [class*="appproperties_AppProperties_"] .DialogDropDown:hover { + background: rgb(var(--clientBG)); + color: rgb(var(--white)); + border: 1px solid rgb(var(--white24))!important; +} +[class*="contentmanagement_InstallFolder_"]:focus { + background-color: rgb(var(--focus)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_SelectedRow_"], +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_SelectedRow_"]:hover { + background: rgb(var(--focus)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_ColumnResizer_"] span { + border-left: 1px solid rgb(var(--frameBorder)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_SelectColumnsButton_"] { + background: rgb(var(--clientBG)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_ServerRow_"]:hover { + background: rgb(var(--white05)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] button.DialogButton.Disabled svg { + color: rgb(var(--white45)); +} +[class*="appdetailsprimarylinkssection_MenuButton_"] svg:hover { + background: rgb(var(--white05)); +} +[class*="mediamanagerutils_IconButton_"] [class*="mediamanagerutils_IconButtonIcon_"][class*="mediamanagerutils_Active_"] { + color: rgb(var(--focus)); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_PlayButton_"] { + background: rgb(var(--ingame))!important; +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_PlayButton_"]:hover { + background: rgb(var(--ingame)); + filter: brightness(1.1); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_PlayButton_"], [class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_CancelButton_"] { + background: rgb(var(--white12)); + color: rgb(var(--white)); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_PlayButton_"]:hover, [class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_ButtonContainer_"] [class*="launchoptionsdialog_CancelButton_"]:hover { + background: rgb(var(--white24)); +} +[class*="launchoptionsdialog_LaunchOptionDialog_"] [class*="launchoptionsdialog_OptionList_"] [class*="launchoptionsdialog_ListContainer_"] [class*="launchoptionsdialog_ListItem_"]:hover { + background: rgb(var(--white05)); +} +[class*="appportrait_LibraryItemBox_"] { + border-top: none; + border-bottom: none; +} +[class*="allcollections_Collection_"] { + background: rgb(var(--black45)); +} +[class*="allcollections_Collection_"]:focus, [class*="allcollections_Collection_"]:hover { + background: rgb(var(--white05)); +} +[class*="allcollections_ScrollContainer_"] [class*="allcollections_Header_"] [class*="allcollections_Label_"] { + text-transform: none; + font-weight: normal; + letter-spacing: normal; +} +[class*="libraryhomeplaynext_PlayNextSubHead_"] { + color: rgb(var(--white50)); +} +[class*="achievementslist_AchievementList_"] { + background-color: transparent; +} +[class*="gamepadtabbedpage_Tab_"][class*="gamepadtabbedpage_Selected_"] { + background-color: rgb(var(--focus)); +} +[class*="achievementsheader_StatsBlock_"] { + background-color: rgb(var(--black45)); +} +[class*="achievementslist_AchievementListItemBase_"] { + background-color: rgb(var(--black)); +} +[class*="achievementslist_AchievementDescription_"] { + color: rgb(var(--white50)); +} +[class*="achievementslist_AchievementTitle_"] { + color: rgb(var(--white)); +} +[class*="pagedsettings_HidePageListButton_"]:hover { + background: rgb(var(--white24)); +} +[class*="pagedsettings_HidePageListButton_"] { + background-color: rgb(var(--white12)); +} +[class*="prosemirror_ToolbarRow_"] [class*="prosemirror_CommandButton_"][class*="prosemirror_Toggled_"] { + background: rgb(var(--focus)); +} +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_TimeStats_"] [class*="steamdesktopoverlay_CurrentDate_"], +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_TimeStats_"] [class*="steamdesktopoverlay_PlaytimeCurrentSession_"] { + color: #fff; +} +/* Experimental */ +[class*="steamdesktopoverlay_TopSection_"] [class*="steamdesktopoverlay_TimeStats_"] [class*="steamdesktopoverlay_CurrentTime_"] { + font-size: 36px; + line-height: 44px; +} +[class*="steamdesktopoverlay_TopSectionMiddle_"][class*="steamdesktopoverlay_ShowGameLogo_"] { + display: none; +} +.DesktopUI [class*="installrequest_AppName_"] { + color: rgb(var(--white)); +} +[class*="euladialog_EULAContent_"] { + background: rgb(var(--clientBG)); +} +.DesktopUI [class*="euladialog_EulaDialogContent_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsplaysection_SharedLibrary_"] [class*="appdetailsplaysection_Label_"] { + color: rgb(var(--white50)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"]:hover { + +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"], [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:active, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:hover, [class*="downloads_SectionItem_"] [class*="downloads_Button_"]:enabled:active:hover, [class*="downloads_SectionItem_"] [class*="downloads_Button_"].DialogButton:enabled { + height: 14px; /*Ends up being 32x32, while it's 30x30 in the original Metro - perhaps too small*/ + width: 14px; +} +[class*="downloads_SectionItemStatus_"] [class*="downloads_State_"] [class*="downloads_InProgress_"] { + color: rgb(var(--white)); +} +[class*="appportrait_AppPortraitBanner_"] { + background-color: rgb(var(--focus)); +} +[class*="appportraithover_GameUpdatedContainer_"] [class*="appportraithover_GameUpdatedCircle_"] { + border-radius: 50%!important; + background: rgb(var(--online)); +} +[class*="appportraithover_GameUpdatedContainer_"] [class*="appportraithover_ImportantUpdate_"] { + color: rgb(var(--online)); +} +[class*="appportraithover_GameUpdatedContainer_"] { + font-weight: normal; + background: rgb(var(--clientBG)); +} +[class*="gamenotes_NoteEditorArea_"] [class*="gamenotes_NoteActions_"] .DialogButton { + opacity: 1; +} +[class*="gamenotes_NoteEditorArea_"] [class*="gamenotes_NoteActions_"] .DialogButton:hover { + opacity: 1; +} +[class*="achievementspage_Background_"] [class*="achievementspage_Blur_"] { + backdrop-filter: brightness(25%); + background: none; +} +[class*="achievementslist_GlobalAchievementListItem_"] { + background: rgb(var(--black)); +} +[class*="achievementslist_GlobalAchievementListItem_"] [class*="achievementslist_Content_"] [class*="achievementslist_ProgressFill_"] { + background-color: rgb(var(--white20)); +} +[class*="achievementslist_GlobalAchievementListItem_"] [class*="achievementslist_Content_"] [class*="achievementslist_Info_"] [class*="achievementslist_Title_"] { + color: rgb(var(--white)); +} +[class*="achievementslist_AchievementGlobalPercentage_"] { + color: rgb(var(--white50)); +} +[class*="achievementslist_UnlockDate_"] { + color: rgb(var(--white50)); +} +[class*="achievementslist_GlobalAchievementListItem_"] [class*="achievementslist_Content_"] [class*="achievementslist_Info_"] [class*="achievementslist_Description_"] { + color: rgb(var(--white50)); +} +[class*="desktopbrowser_URLBar_"] { + background: rgb(var(--clientBG)); +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_StatusIcon_"] { + color: rgb(var(--white)); +} +.TabbedPopupBrowser [class*="steamdesktopoverlay_WindowControls_"] { + background: rgb(var(--header_dark)); +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_NavigationButton_"]:hover { + background: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_URLBarText_"]:hover { + background: rgb(var(--white05)); +} +[class*="desktopbrowser_BrowserTabs_"] [class*="desktopbrowser_BrowserTab_"][class*="desktopbrowser_Active_"] { + background-color: rgb(var(--white12)); + border: 2px solid rgb(var(--focus)); + border-left: 2px solid rgb(var(--focus)); +} +[class*="desktopbrowser_BrowserTabs_"] [class*="desktopbrowser_BrowserTab_"] { + background-color: rgb(var(--white12)); + border: 2px solid transparent; + border-left: 2px solid transparent; +} +[class*="desktopbrowser_BrowserTabs_"] [class*="desktopbrowser_BrowserTab_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="desktopbrowser_BrowserTabs_"] { + gap: 2px; +} +[class*="desktopbrowser_URLBar_"] .DialogTextInputBase:not(:disabled):hover { + background: rgb(var(--white05)); +} +[class*="desktopbrowser_URLBar_"] .DialogTextInputBase:focus-within:hover { + background: rgb(var(--white)); +} +[class*="desktopbrowser_URLBar_"] .DialogTextInputBase:focus-within { + background: rgb(var(--white)); + color: rgb(var(--black)); +} +[class*="titlebarcontrols_NotificationMenuItem_"]:hover { + background: none; +} +[class*="appdetails_PlayBar_"] { + width: calc(100% - 15px); +} +[class*="partnereventdisplay_EventBackgroundBlur_"] { + filter: brightness(10%); +} +[class*="apppartnereventspage_PartnerEvent_"] { + background-color: rgb(var(--clientBG)); + background-image: none; +} +[class*="partnereventdisplay_InLibraryView_"] [class*="partnereventdisplay_EventDetailTitleContainer_"] { + background: none; +} +[class*="discussionwidget_Container_"] { + background-image: none; +} +[class*="libraryhomerecentgames_RecentGame_"] [class*="libraryhomerecentgames_AddedDate_"] { + color: rgb(var(--white50)); +} +[class*="appportrait_PlaytimeDetails_"][class*="appportrait_PlayedTotal_"], [class*="appportrait_PlaytimeDetails_"][class*="appportrait_PlayedRecent_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsadditionalcontentsection_AdditionalItem_"] [class*="appdetailsadditionalcontentsection_Title_"] { + color: rgb(var(--white)); +} +[class*="appdetailstradingcardssection_BadgeInfo_"] [class*="appdetailstradingcardssection_BadgeName_"] { + color: rgb(var(--white)); +} +[class*="appdetailstradingcardssection_BadgeInfo_"] [class*="appdetailstradingcardssection_BadgeLevel_"] { + color: rgb(var(--white50)); +} +[class*="supernav_Arrow_"]:first-child { + padding-left: 12px; +} +[class*="appdetailsplaysection_MenuButton_"][class*="appdetailsplaysection_MenuActive_"] { + background-color: rgb(var(--focus)); +} +[class*="appdetailsgameinfocontainer_AppGameInfoContainer_"][class*="appdetailsgameinfocontainer_AppDetailsExpanded_"] { + padding-top: 5px; +} +[class*="appdetailsgameinfopanel_AssociationList_"] [class*="appdetailsgameinfopanel_Label_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsgameinfopanel_Container_"] { + color: rgb(var(--white50)); + background-color: rgb(var(--black45)); +} +[class*="appdetailsfeatureicon_Container_"] [class*="appdetailsfeatureicon_Label_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsgameinfopanel_Container_"] [class*="appdetailsgameinfopanel_Stats_"] [class*="appdetailsgameinfopanel_Release_"] [class*="appdetailsgameinfopanel_Date_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsgameinfopanel_AssociationList_"] [class*="appdetailsgameinfopanel_Association_"] [class*="appdetailsgameinfopanel_Name_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsgameinfopanel_Container_"] [class*="appdetailsgameinfopanel_SectionContainer_"] [class*="appdetailsgameinfopanel_GameDescription_"] { + color: rgb(var(--white75)); + font-size: 13px; +} +[class*="appdetailsgameinfopanel_SocialMedia_"] [class*="appdetailsgameinfopanel_Account_"] [class*="appdetailsgameinfopanel_Icon_"] { + opacity: .5; +} +[class*="appdetailsgameinfopanel_SocialMedia_"] [class*="appdetailsgameinfopanel_Account_"]:hover [class*="appdetailsgameinfopanel_Icon_"] { + opacity: 1; +} +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_URLBarText_"]:hover [class*="steamdesktop_URL_"], +[class*="steamdesktop_BrowserWrapper_"] [class*="steamdesktop_URLBar_"] [class*="steamdesktop_URLBarText_"]:hover [class*="steamdesktop_StatusIcon_"] { + color: rgb(var(--white)); +} +[class*="partnereventshared_Button_"][class*="partnereventshared_Icon_"] { + color: rgb(var(--white)); + background: rgb(var(--white12)); +} +[class*="partnereventshared_Button_"][class*="partnereventshared_Icon_"]:hover { + background: rgb(var(--white24)); + color: rgb(var(--white)); +} +[class*="discussionwidget_VoteContainer_"], [class*="discussionwidget_ShareContainer_"], [class*="discussionwidget_DiscussContainer_"] { + background-color: rgb(var(--black45)); /* transparent is also worth considering */ +} +[class*="appproperties_AppProperties_"][class*="appproperties_AppProperties_"]:not([class*="appproperties_GamepadUI_"]) [class*="appproperties_SettingsDialogButton_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="appdetailsspotlight_Info_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsspotlight_SpotlightButton_"] { + background-color: transparent; +} +[class*="menu_MenuWrapper_"][class*="menu_MenuOpen_"] { + background: rgb(var(--white05)); +} +[class*="notificationssettings_NotificationSection_"] button.DialogButton:hover { + background: rgb(var(--white24)); +} +.DialogCheckbox.Active svg path { + stroke: rgb(var(--white)); +} +.DialogCheckbox { + background-color: rgb(var(--white08)); +} +.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled), .DialogCheckbox:hover:not(.Disabled), .DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled), .DialogCheckbox:focus:not(.Disabled) { + background-color: rgba(var(--white), 0.17); +} +[class*="gamepaddialog_Field_"][class*="gamepaddialog_Disabled_"] [class*="gamepaddialog_FieldLabel_"] { + color: rgb(var(--white50)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_DlcGrid_"] [class*="appproperties_DlcHeader_"] { + background: rgb(var(--clientBG)) +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_DlcGrid_"] [class*="appproperties_DlcHeader_"]:hover { + background: rgb(var(--clientBG)); + color: rgb(var(--white75)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_DlcGrid_"] [class*="appproperties_DlcHeader_"]::after { + background: rgb(var(--white10)); + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +[class*="writereview_ReviewTextArea_"] { + background: rgb(var(--textentry)); + color: rgb(var(--white)); +} +[class*="writereview_FormContainer_"] [class*="writereview_ReviewTextArea_"] { + border: 1px solid transparent; +} +[class*="writereview_ReviewThumbButton_"][class*="writereview_Selected_"] { + background: rgb(var(--focus)); +} +[class*="appdetailsreviewsection_ReviewIconThumbsUp_"] { + background: #2b526c; /* One of the colors of the original gradient */ +} +[class*="appdetailsreviewsection_ReviewMetadata_"]:hover { + background: rgb(var(--white12)); +} +[class*="screenshots_ClickableScreenshot_"]:hover::after { + opacity:1; +} +[class*="screenshots_ClickableScreenshot_"]::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; + background-color: rgb(var(--white12)); + z-index: 1; + opacity: 0; + pointer-events: none; +} +[class*="appportrait_Draggable_"][class*="appportrait_HoversEnabled_"]:not([class*="appportrait_Soundtrack_"]):hover [class*="appportrait_AppPortraitBannerContainer_"] { + transform: none; +} +[class*="moveappsdialog_MoveAppsBar_"] { + background-color: rgb(var(--focus)); +} +[class*="libraryhomenewupdates_PartnerEventRowCapsule_TextCtn_"]:hover { + background: rgb(var(--white05)); +} +[class*="mediamanagerutils_FocusedScreenshots_"] { + background-color: transparent; +} +[class*="mediamanagerutils_Text_"][class*="mediamanagerutils_Secondary_"] { + color: rgb(var(--white50)); +} +[class*="mediamanagerutils_ExplainerBox_"] /* Previously screenshotmanagerdialog */ { + background-color: transparent; +} +[class*="mediamanagerutils_ExplainerBox_"] [class*="mediamanagerutils_Explainer_"] { + color: rgb(var(--white)); +} +[class*="mediamanagerutils_SpoilerField_"] [class*="mediamanagerutils_Label_"], [class*="mediamanagerutils_VisibilityField_"] [class*="mediamanagerutils_Label_"] { + color: rgb(var(--white)); +} +.ChatMessageInvite { + background: rgb(var(--clientBG)); + color: rgb(var(--white50)); +} +.inviteButton { + background: rgb(var(--white12)); +} +.inviteButton:hover { + background: rgb(var(--white24)); +} +[class*="appdetailscommunityfeed_Controls_"] [class*="appdetailscommunityfeed_Control_"] { + background-color: rgb(var(--white75)); /*Probably temporary, just to match Valve's intent with white*/ +} +[class*="appdetailscommunityfeed_Controls_"] [class*="appdetailscommunityfeed_Control_"]:hover { + background-color: rgb(var(--white)); /*Probably temporary, just to match Valve's intent with white*/ +} +[class*="appdetailscommunityfeed_Controls_"] [class*="appdetailscommunityfeed_Icon16_"][class*="appdetailscommunityfeed_ThumbsUp_"]:hover { + background-position: -112px -16px; +} +[class*="appdetailscommunityfeed_Controls_"] [class*="appdetailscommunityfeed_Icon16_"][class*="appdetailscommunityfeed_ThumbsDown_"]:hover { + background-position: -64px -16px; +} +[class*="downloads_SectionItemWrapper_"][class*="downloads_Dragging_"].Panel { + transition-duration: 1ms!important; + transition-delay: 1ms!important; +} +[class*="mediamanagerutils_FocusedScreenshotContainer_"] [class*="mediamanagerutils_FocusedScreenshotImageContainer_"] [class*="mediamanagerutils_FocusedScreenshot_"], +[class*="mediamanagerutils_FocusedScreenshotContainer_"] [class*="mediamanagerutils_FocusedScreenshotImageContainer_"] { + cursor: pointer!important; +} +[class*="spotlightgameplaysummary_EventHeaderBlock_"] { + color: rgb(var(--white50)); +} +[class*="spotlightgameplaysummary_SummaryCarouselContainer_"] { + background: rgb(var(--black45)); +} +[class*="appdetailshover_AppDetailsHover_"] [class*="appdetailshover_Background_"] { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="screenshots_Hover_"] { + color: rgb(var(--white)); +} +[class*="spotlightgameplaysummary_SummaryCarouselContainer_"]:after { + display: none; +} +[class*="downloads_SectionTitle_"] [class*="downloads_TitleAndCount_"] [class*="downloads_Title_"], [class*="downloads_SectionJumpBar_"] [class*="downloads_TitleAndCount_"] [class*="downloads_Title_"] { + color: rgb(var(--white50)); +} +[class*="titlebarcontrols_NotificationsMenu_"] { + color: rgb(var(--white)); +} +[class*="standardtemplates_PinnedTemplateDesktop_"] [class*="standardtemplates_PinnedBody_"] { + color: rgb(var(--white75)); /* Random */ +} +[class*="standardtemplates_PinnedTemplateDesktop_"] [class*="standardtemplates_Icon_"] { + color: rgb(var(--white)); +} +[class*="appdetailsplaysection_MenuButton_"]:hover [class*="appdetailsplaysection_DotDotDot_"] .SVGIcon_Information .I { + fill: rgb(var(--white)); +} +[class*="appdetailsplaysection_MenuButton_"]:hover [class*="appdetailsplaysection_DotDotDot_"] svg circle, [class*="appdetailsplaysection_MenuButton_"]:hover [class*="appdetailsplaysection_DotDotDot_"] svg polyline { + stroke: rgb(var(--white)); +} +[class*="appdetailsplaysection_MenuButton_"]:hover .SVGIcon_Settings path { + fill: rgb(var(--white)); +} +[class*="downloads_ProgressDetails_"] [class*="downloads_Value_"][class*="downloads_InProgress_"] { + color: rgb(var(--white50)); +} +.videoControlButton.buttonPlayPause { + border-radius: 50%!important; +} +[class*="appdetailsfriendssection_PlaytimeSection_"] { + background: transparent; +} +[class*="appdetailsfriendssection_PlaytimeSection_"] [class*="appdetailsfriendssection_PlaytimeContent_"] { + color: rgb(var(--online)); +} +[class*="appdetailsfriendssection_PlaytimeSection_"] [class*="appdetailsfriendssection_PlaytimeContent_"] [class*="appdetailsfriendssection_TimePlayed_"] { + color: rgb(var(--online)); +} +[class*="appactivityday_PartnerEventTextOnly_Icon_"] svg path { + fill: rgb(var(--white)); +} +[class*="comment_thread_RatingBar_"] [class*="comment_thread_LikeButton_"][class*="comment_thread_CanClick_"]:hover, [class*="comment_thread_RatingBar_"] [class*="comment_thread_Reactions_"][class*="comment_thread_CanClick_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="appdetailsachievementssection_Hover_"] [class*="appdetailsachievementssection_Unlocked_"] { + color: rgb(var(--white75)); +} +[class*="appdetailshover_AppDetailsHover_"] [class*="appdetailshover_BlurContainer_"] { + display: none; +} +button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"][class*="appdetailsbutton_MoreVisible_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white12)); +} +button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"][class*="appdetailsbutton_MoreVisible_"]:hover { + background-color: rgb(var(--white24)); + color: rgb(var(--white)); +} +[class*="titlebarcontrols_SoundtrackControls_"], +[class*="titlebarcontrols_ParentalToggleButton_"] { + background-color: transparent; + padding: 12px 6px; +} +[class*="titlebarcontrols_SoundtrackControls_"]:hover [class*="titlebarcontrols_Icon_"], +[class*="titlebarcontrols_SoundtrackControls_"] [class*="titlebarcontrols_Icon_"], +[class*="titlebarcontrols_ParentalToggleButton_"] [class*="titlebarcontrols_Icon_"] { + color: rgb(var(--white)); +} +[class*="titlebarcontrols_SoundtrackControls_"]:hover, +[class*="titlebarcontrols_ParentalToggleButton_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="titlebarcontrols_Button_"]:hover { + color: rgb(var(--white)); +} +[class*="titlebarcontrols_ParentalToggleButton_"]:hover [class*="titlebarcontrols_Icon_"] { + color: rgb(var(--white)); +} +[class*="titlebarcontrols_ParentalToggleButton_"] [class*="titlebarcontrols_Icon_"] g { + opacity: 1; +} +.DesktopUI [class*="contextmenu_contextMenuItem_"].disabled, [class*="contextmenu_ForceDesktop_"] [class*="contextmenu_contextMenuItem_"].disabled { + color: rgb(var(--white50))!important; /* Random, needs a proper reference color from the original Metro */ +} +[class*="supernav_SuperNavMenu_"][class*="supernav_Disabled_"] [class*="supernav_MenuButton_"] { + color: rgb(var(--white10)); +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameListEntryContainer_"] svg:not(.SVGIcon_FriendIcon) { + width: 15px; + height: 15px; + margin-right: 2px; +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameListEntryContainer_"] [class*="gamelistentry_DownloadDash_"] { + color: rgb(var(--online)); /* Also affects the selected items, but it shouldn't */ +} +[class*="gamelistentry_Selected_"][class*="gamelistentry_Container_"] [class*="gamelistentry_CloudError_"], [class*="gamelistentry_Selected_"] [class*="gamelistentry_Container_"] [class*="gamelistentry_CloudError_"] { + color: rgb(var(--white)); +} +[class*="appdetailsachievementssection_UnachievedSection_"] [class*="appdetailsachievementssection_Label_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsachievementssection_UnlockedLabelPercent_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsscreenshotssection_ScreenshotsSection_"] [class*="appdetailsscreenshotssection_NoneTaken_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsscreenshotssection_ScreenshotsSection_"] [class*="appdetailsscreenshotssection_InstructionText_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_Event_"] [class*="appactivityday_EventHeadline_"] [class*="appactivityday_HeadlineGameName_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsactivitysection_ViewLastNews_"] { + color: rgb(var(--white50)); +} +[class*="appdetailscommunityfeed_AuthorSection_"] { + color: rgb(var(--white50)); +} +[class*="appdetailscommunityfeed_NoContent_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsactivitysection_ViewLastNews_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="localdateandtime_ShortDateAndTime_"] { + color: rgb(var(--white50)); +} +[class*="localdateandtime_RightSideTitles_"] { + color: rgb(var(--white50)); +} +[class*="titlebarcontrols_SupportAlertsButton_"] { + margin-right: 10px; + height: 40px!important; +} +[class*="libraryhome_InnerContainer_"] { + color: rgb(var(--white)); /*The alpha is .8 in Valve's*/ +} +[class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIcon_"] svg circle, [class*="appdetailsplaysection_Playtime_"] [class*="appdetailsplaysection_PlaytimeIconForced_"] svg circle { + stroke: rgb(var(--white50)); + fill: rgb(var(--white50)); +} +[class*="library_AchievementsOverlayContainer_"] [class*="library_AchievementsPageContainer_"]>div { + background-image: none; +} +[class*="achievementspage_Page_"] { + background-color: rgb(var(--clientBG)); +} +[class*="appdetailshover_AppDetailsHover_"] { + color: rgb(var(--white)); +} +[class*="appdetailsachievementssection_Hover_"] [class*="appdetailsachievementssection_Unlocked_"] { + background: none; +} +[class*="appdetailsachievementssection_Hover_"] [class*="appdetailsachievementssection_TopSection_"] [class*="appdetailsachievementssection_TextSection_"] { + color: rgb(var(--white50)); +} +[class*="appdetailsachievementssection_Hover_"] [class*="appdetailsachievementssection_TopSection_"] [class*="appdetailsachievementssection_TextSection_"] [class*="appdetailsachievementssection_Name_"] { + color: rgb(var(--white)); +} +[class*="appdetailsachievementssection_SingleAchievementProgressBar_"] [class*="appdetailsachievementssection_AchievementProgress_"] { + background-color: rgb(var(--focus)); +} +[class*="appdetailsachievementssection_SingleAchievementProgressContainer_"] [class*="appdetailsachievementssection_ProgressLabel_"] { + color: rgb(var(--white50)); +} +[class*="appproperties_AppProperties_"] [class*="appproperties_LocalFilesLink_"] a { + color: rgb(var(--white50)); +} +[class*="appproperties_AppProperties_"] [class*="appproperties_LocalFilesLink_"] a:hover { + color: rgb(var(--white75)); +} +[class*="appproperties_AppProperties_"] .DialogBody { + color: rgb(var(--white50)); +} +[class*="mediamanagerutils_ButtonBox_"][class*="mediamanagerutils_Secondary_"] { + background-color: rgb(var(--white12)); +} +[class*="mediamanagerutils_ButtonBox_"][class*="mediamanagerutils_Secondary_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="mediamanagerutils_CloudStorageImpact_"] { + color: rgb(var(--white50)); +} +[class*="mediamanagerutils_Metadata_"] { + color: rgb(var(--white50)); +} +[class*="mediamanagerutils_ButtonBox_"][class*="mediamanagerutils_Primary_"] { + background-color: rgb(var(--white12)); +} +[class*="mediamanagerutils_ButtonBox_"][class*="mediamanagerutils_Primary_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="mediamanagerutils_SectionHeading_"] { + color: rgb(var(--white75)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_DlcGrid_"] { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_Title_"] { + color: rgb(var(--white50)); + text-transform: none; + font-family: var(--basefont); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_SteamInputLink_"] { + cursor: pointer!important; + color: rgb(var(--white50)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_SteamInputLink_"]:hover { + color: rgb(var(--white75)); +} +[class*="dropdownlabel_DropDownLabelTitle_"] { + color: rgb(var(--white)); +} +[class*="dropdownlabel_DropDownLabelDescription_"] { + color: rgb(var(--white75)); +} +[class*="appproperties_BuildInfo_"] { + color: rgb(var(--white50)); +} +[class*="downloads_SectionItem_"] [class*="downloads_DragHandle_"] { + color: rgb(var(--white)); +} +[class*="appactivityday_Event_"] [class*="appactivityday_EventHeadline_"] { + color: rgb(var(--white50)); +} +[class*="appportrait_UninstalledBar_"] [class*="appportrait_UninstalledProgressBar_"] { + background-color: rgb(var(--focus)); +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"]:hover svg { + fill: rgb(var(--white50)); +} +[class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"]:hover svg path, [class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"]:hover svg line, [class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"]:hover svg polyline, [class*="gamelistdropdown_Bar_"] [class*="gamelistdropdown_Filters_"] [class*="gamelistdropdown_CheckboxWithImage_"][class*="gamelistdropdown_Active_"]:hover svg circle { + stroke: rgb(var(--white50)); +} +[class*="appdetailsachievementssection_Featured_"] [class*="appdetailsachievementssection_TextSection_"] [class*="appdetailsachievementssection_Stats_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_PlayedForTime_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_ReviewDescriptionRecommended_"] { + color: rgb(var(--white)); +} +[class*="appactivityday_ReviewText_"] { + color: rgb(var(--white75)); +} +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_nickname_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_persona_"] { + color: rgb(var(--offline)); +} +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] { + color: rgb(var(--offline)); +} +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerNicknameBracket_"] { + color: rgb(var(--offline)); +} +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_persona_"] [class*="miniprofile_personaName_"][class*="miniprofile_hasNickname_"] { + color: rgb(var(--offline)); +} +[class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_persona_"] [class*="miniprofile_personaName_"][class*="miniprofile_hasNickname_"] [class*="miniprofile_personaNameLabel_"] { + color: rgb(var(--offline)); +} +[class*="jumplist_GameIcon_"] { + display: none; /* Game icons hidden from the tray context menu, as in the original Metro */ +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_AchievementsList_"] [class*="steamdesktopoverlay_RecentAchievement_"] { + background-color: rgb(var(--black20)); +} +[class*="mediamanagerutils_ComboboxSelector_"] [class*="mediamanagerutils_Option_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="mediamanagerutils_ComboboxSelectorContextMenu_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +[class*="mediamanagerutils_SectionHeading_"] [class*="mediamanagerutils_Line_"] { + background-color: rgb(var(--white12)); +} +[class*="mediamanagerutils_CaptionField_"] { + background-color: rgb(var(--textentry)); + color: rgb(var(--white)); +} +[class*="spotlightgameplaysummary_TypeSeparator_"] { + background-color: rgb(var(--white12)); + border-radius: 50%!important; +} +[class*="appactivityday_ScreenshotCarousel_"] [class*="appactivityday_CarouselThumbs_"] [class*="appactivityday_CarouselThumb_"][class*="appactivityday_Active_"] { + border: 1px solid rgb(var(--focus)); +} +[class*="appactivityday_ScreenshotCarousel_"] [class*="appactivityday_ScreenshotCaption_"] { + color: rgb(var(--white50)); +} +[class*="appactivityday_ScreenshotCarousel_"] [class*="appactivityday_ActiveScreenshot_"]::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; + background-color: rgb(var(--white12)); + z-index: 1; + opacity: 0; + pointer-events: none; +} +[class*="appactivityday_ScreenshotCarousel_"] [class*="appactivityday_ActiveScreenshot_"]:hover::after { + opacity:1; +} +[class*="appdetailsachievementssection_AdditionalItem_"] [class*="achievementiconbase_AchievementIconWrapper_"]::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; + background-color: rgb(var(--white24)); + z-index: 1; + opacity: 0; + pointer-events: none; +} +[class*="appdetailsachievementssection_AdditionalItem_"] [class*="achievementiconbase_AchievementIconWrapper_"]:hover::after { + opacity:1; +} +[class*="appactivityday_AchievementRemainder_"] { + filter: brightness(0.6) saturate(2); /* As from Valve but without the blur */ +} +button.DialogButton:enabled:active, button.DialogButton:enabled:active:hover, button.DialogButton:enabled:active.gpfocus { + background: rgb(var(--focus)); +} +button.DialogButton.Primary:enabled:active, button.DialogButton.Primary:enabled:hover:active, button.DialogButton.Primary:enabled:active.gpfocus { + background: rgb(var(--focus)); +} +[class*="comment_thread_RatingBar_"] [class*="comment_thread_LikeCount_"], [class*="comment_thread_RatingBar_"] [class*="comment_thread_CommentCount_"], [class*="comment_thread_RatingBar_"] [class*="comment_thread_ReactionCount_"] { + color: rgb(var(--white50)); +} +[class*="library_LibraryWindowDivider_"][class*="library_Sizable_"]:hover { + background-color: rgb(var(--white20)); /* Enough for it to stand out, no specific references to Metro */ +} +[class*="mediamanagerutils_ButtonBox_"][class*="mediamanagerutils_Secondary_"]:active { + background-color: rgb(var(--focus)); +} +[class*="browserviewfindinpage_FindBar_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); + border-top: none; +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_NavigationButton_"][class*="desktopbrowser_Disabled_"] { + color: rgb(var(--white20)); +} +[class*="steamdesktopoverlay_OverlayPopup_"] .title-area-children { + color: rgb(var(--white)); +} +[class*="gamelist_NoResultsLink_"] { + cursor: pointer!important; +} +.DialogInput_ClearAction .SVGIcon_X_Line line { + stroke: rgb(var(--white)); +} +.DialogInput_ClearAction:hover .SVGIcon_X_Line line { + stroke: rgb(var(--white)); +} +.DialogInput_ClearAction:hover { + background-color: rgb(var(--white10)); +} +.DialogInput_ClearAction svg { + width: 12px; + height: 12px; +} +[class*="gamelistdropdown_DropDown_"] [class*="gamelistdropdown_Row_"]:hover { + background: rgb(var(--white05)); +} +.DialogBodyText { + color: rgb(var(--white50)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppSelected_"] .DialogCheckbox { + background: rgb(var(--white08)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBody_"]:hover .DialogCheckbox { + background: rgb(var(--white), 0.17); +} +[class*="comment_thread_RatingBar_"] [class*="comment_thread_LikeButton_"][class*="comment_thread_CanClick_"]:hover, [class*="comment_thread_RatingBar_"] [class*="comment_thread_CommentButton_"][class*="comment_thread_CanClick_"]:hover, [class*="comment_thread_RatingBar_"] [class*="comment_thread_Reactions_"][class*="comment_thread_CanClick_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="appdetailsreviewsection_ReviewReminderBox_"] { + border-width: 1px; + border-color: rgb(var(--focus)); +} +[class*="appdetailsreviewsection_AdditionalPlaytimeReminder_"] { + font-size: 13px; + color: rgb(var(--white75)); +} +[class*="appdetailsreviewsection_ChangedYourMind_"] { + color: rgb(var(--white75)); +} +[class*="appdetailsreviewsection_ReviewIconThumbsUp_"] { + background: #254c6f; /* One of Valve's gradient colors made solid */ + flex-shrink: 0; +} +.DialogTextInputBase:not(:disabled):hover { + background-color: rgb(var(--textentry)); + cursor: text!important; +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_GuideListItem_"]:hover { + background-color: rgb(var(--white05)); + color: rgb(var(--white75)); +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_URLBarText_"] [class*="desktopbrowser_URL_"] { + color: rgb(var(--white)); +} +[class*="steamdesktopoverlay_OverlayPopup_"] [class*="steamdesktopoverlay_PinWindowButton_"][class*="steamdesktopoverlay_Pinned_"], +[class*="steamdesktopoverlay_OverlayPopup_"] [class*="steamdesktopoverlay_PinWindowButton_"][class*="steamdesktopoverlay_Pinned_"]:hover { + color: rgb(var(--focus)); +} +[class*="steamdesktopoverlay_OverlayPopup_"] [class*="steamdesktopoverlay_PinWindowButton_"] { + color: rgb(var(--white)); +} +[class*="comment_thread_ActivityCommentThread_"] [class*="comment_thread_Comment_"] .avatarHolder:hover::after, +[class*="appactivityday_Event_"] [class*="appactivityday_EventHeadline_"] .avatarHolder:hover::after, +div[type="ever"] [class*="appdetailsfriendssection_Friends_"] .avatarHolder:hover::after { + opacity:1; +} +[class*="comment_thread_ActivityCommentThread_"] [class*="comment_thread_Comment_"] .avatarHolder::after, +[class*="appactivityday_Event_"] [class*="appactivityday_EventHeadline_"] .avatarHolder::after, +div[type="ever"] [class*="appdetailsfriendssection_Friends_"] .avatarHolder::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; + background-color: rgb(var(--white24)); + z-index: 1; + opacity: 0; + pointer-events: none; +} +[class*="bbcode_ImageModalBackground_"] { + background: rgb(var(--clientBG)); + border: 1px solid rgb(var(--frameBorder)); +} +.GenericConfirmDialog { + border: 1px solid rgb(var(--frameBorder)); +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_AdvancedSearchContainer_"] [class*="gamelistsearchbar_AdvancedSearchPaneContainer_"] [class*="gamelistsearchbar_AdvancedSearchPane_"]:before { + background-color: rgb(var(--clientBG)); +} +[class*="appfilterpane_Container_"] [class*="appfilterpane_FilterArea_"] [class*="appfilterpane_FilterBucket_"] [class*="appfilterpane_FilterBucketLabel_"] { + color: rgb(var(--white)); +} +[class*="appfilterpane_DropDownContainer_"]>div { + box-shadow: none !important; + background: rgb(var(--clientBG))!important; + color: rgb(var(--white)); +} +[class*="appfilterpane_DropDownContainer_"] [class*="appfilterpane_DropDownItems_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="appfilterpane_Container_"] [class*="appfilterpane_FilterArea_"] [class*="appfilterpane_FilterBucket_"][class*="appfilterpane_SearchResultsBox_"] [class*="appfilterpane_FilterBucketBoxes_"] { + background-color: rgb(var(--clientBG)); +} +[class*="gamelistsearchbar_SearchFilterInput_"] [class*="gamelistsearchbar_FilterTag_"] { + background-color: rgb(var(--focus)); +} +[class*="gamelistsearchbar_Container_"] [class*="DialogInput_"]Action:hover svg line, [class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_SearchFilterInputClear_"]:hover svg line { + stroke: rgb(var(--white50)); +} +[class*="appdetailsplaysection_MenuButton_"][class*="appdetailsplaysection_FavoriteButton_"][class*="appdetailsplaysection_Favorited_"] svg path { + stroke: rgb(var(--focus)); + fill: rgb(var(--focus)); +} +[class*="appactivityday_ScreenshotCaption_"][class*="appactivityday_HasCaption_"], [class*="appactivityday_VideoTitle_"][class*="appactivityday_HasCaption_"] { + background-image: none; + backdrop-filter: none; + background: rgb(var(--black75)); +} +.contextMenuItem:hover [class*="jumplist_JumpListGameName_"][class*="jumplist_Updating_"] { + color: rgb(var(--online)); +} +.contextMenuItem:hover [class*="jumplist_JumpListGameName_"][class*="jumplist_Running_"] { + color: rgb(var(--ingame)); +} +[class*="console_Console_"], [class*="console_Console_"] pre { + color: rgb(var(--white)); +} +[class*="console_Console_"] { + background-color: rgb(var(--clientBG)); +} +[class*="appdetailsworkshopsection_FeaturedItem_"] [class*="appdetailsworkshopsection_FeaturedItemHideButton_"] .SVGIcon_X_Line { + stroke: rgb(var(--white50)); +} +[class*="appdetailsworkshopsection_WorkshopContainer_"] { + background: none; /* Removing the Steam Workshop background altogether */ +} +[class*="downloads_ContentTypes_"] { + color: rgb(var(--white50)); +} +[class*="achievementiconbase_HiddenLabel_"] { + background: #3b414a; +} +[class*="appdetailstradingcardssection_Badge_"] { + margin-top: 0; +} +[class*="appdetailstradingcardssection_Badge_"]:hover:not([class*="appdetailstradingcardssection_EmptyCircle_"]) { + transform: none; + cursor: pointer!important; +} +[class*="comment_thread_ActivityCommentThread_"] [class*="comment_thread_Comment_"] { + color: rgb(var(--white50)); /* Random */ +} +[class*="comment_thread_ActivityCommentThread_"] [class*="comment_thread_Comment_"] [class*="comment_thread_CommentHeader_"] [class*="comment_thread_CommentTime_"] { + color: rgb(var(--white50)); +} +[class*="comment_thread_ActivityCommentThread_"] [class*="comment_thread_Comment_"] [class*="comment_thread_CommentBody_"] [class*="comment_thread_CommentControls_"] [class*="comment_thread_CommentRatingButton_"]:hover { + background-color: rgb(var(--white12)); +} +[class*="appportrait_LibraryItemBox_"]:active, [class*="appportrait_LibraryItemBox_"][class*="appportrait_InRecentGames_"]:active, [class*="appportrait_LibraryItemBox_"][class*="appportrait_InPlayNext_"]:active { + filter: none; +} +[class*="downloads_SectionItemStatus_"] [class*="downloads_StartTime_"] { + color: rgb(var(--white50)); +} +[class*="downloads_EmptyTransfers_"] { + color: rgb(var(--white50)); +} +.ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"], .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited, .ingame[class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] { + color: rgb(var(--ingame)); +} +button.TextButton[class*="appdetailsfriendssection_ShowMore_"]:hover { + color: rgb(var(--white)); +} +[class*="smartscrollcontainer_ScrollToTopButton_"]:hover[class*="smartscrollcontainer_Visible_"] { + filter: brightness(1.3); +} +[class*="appactivityday_PartnerEventLargeImage_TextColumn_"] [class*="appactivityday_DayPosted_"] { + color: rgb(var(--white50)); +} +[class*="writereview_OptionsContainer_"] [class*="writereview_OptionButton_"] { + background: rgb(var(--white12)); + color: rgb(var(--white)); +} +[class*="writereview_OptionsContainer_"] [class*="writereview_OptionButton_"]:hover { + background: rgb(var(--white24)); +} +[class*="writereview_OptionSvg_"] { + opacity: 1; + fill: rgb(var(--white)); +} +[class*="writereview_OptionsContainer_"] [class*="writereview_LeftContainer_"] { + border-right: 1px solid rgb(var(--white12)); +} +[class*="writereview_OptionsContainer_"] { + background-color: rgb(var(--black05)); /* Random */ +} +[class*="notificationssettings_NotificationGroupExpanded_"] { + background-color: rgb(var(--white05)); +} +[class*="notificationssettings_NotificationPrefDetails_"] { + background-color: transparent; +} +[class*="downloads_SectionItem_"] [class*="downloads_Button_"][class*="downloads_RemoveFromQueue_"], [class*="downloads_SectionItem_"] [class*="downloads_Button_"][class*="downloads_RemoveFromQueue_"]:enabled, [class*="downloads_SectionItem_"] [class*="downloads_Button_"][class*="downloads_RemoveFromQueue_"]:active, [class*="downloads_SectionItem_"] [class*="downloads_Button_"][class*="downloads_RemoveFromQueue_"]:hover, [class*="downloads_SectionItem_"] [class*="downloads_Button_"][class*="downloads_RemoveFromQueue_"]:enabled:active:hover { + height: 14px; + width: 14px; +} +.appactivityday_CommentsGroup_1-KuQ .appactivityday_CommentsContainer_3uiPs .appactivityday_CommentsLabel_3t5Nr { + color: rgb(var(--white50)); +} +.appactivityday_CommentsGroup_1-KuQ .appactivityday_CommentsContainer_3uiPs .appactivityday_CommentCount_1VRbH { + color: rgb(var(--white50)); +} +button.TextButton:hover, button.TextButton.gpfocus { + color: rgb(var(--white75)); /* Random */ +} +.DesktopUI .DialogTextInputBase:focus, .DialogTextInputBase:focus-within { + background-color: rgb(var(--textentry)); +} +[class*="hardwaresurveydialog_HardwareSurveyDialog_"][class*="hardwaresurveydialog_Desktop_"] [class*="hardwaresurveydialog_HardwareSurveySections_"] h3 { + color: rgb(var(--white)); +} +[class*="hardwaresurveydialog_HardwareSurveyDialog_"][class*="hardwaresurveydialog_Desktop_"] [class*="hardwaresurveydialog_HardwareSurveySections_"] [class*="hardwaresurveydialog_HardwareSurveySection_"] { + color: rgb(var(--white)); +} +[class*="hardwaresurveydialog_HardwareSurveyDialog_"][class*="hardwaresurveydialog_Desktop_"] [class*="hardwaresurveydialog_HardwareSurveySections_"] { + background: rgb(var(--header_dark)); + border: none; +} +[class*="aboutsteamdialog_AboutSteamDialog_"][class*="aboutsteamdialog_Desktop_"] [class*="aboutsteamdialog_DialogBodyText_"] { + color: rgb(var(--white50)); +} +[class*="aboutsteamdialog_AboutSteamDialog_"] [class*="aboutsteamdialog_DialogBodyLabel_"] { + color: rgb(var(--white50)); +} +[class*="aboutsteamdialog_AboutSteamDialog_"] { + border: 1px solid rgb(var(--frameBorder)); +} +[class*="sharedappdetailsheader_Features_"] [class*="appdetailsfeatureicon_Container_"] [class*="appdetailsfeatureicon_Icon_"] { + opacity: 1; + background: rgb(var(--black45)); +} +[class*="appproperties_AppProperties_"] .DialogBody [class*="appproperties_BlueHighlight_"] { + color: rgb(var(--white50)); + font-weight: 500; +} +[class*="gamelistsearchbar_Container_"] [class*="gamelistsearchbar_SearchInput_"] .DialogInput_Wrapper .DialogInput::placeholder { + font-size: 0; +} +[class*="activateproductdialog_ProductActivationInfoContainerDesktop_"] [class*="activateproductdialog_InfoExample_"] { + color: rgb(var(--white50)); +} +[class*="appdetailstradingcardssection_CardsLeft_"][class*="appdetailstradingcardssection_BadgeMaxed_"] { + color: rgb(var(--white75)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyLeft_"] [class*="contentmanagement_AppInfo_"] [class*="contentmanagement_AppUsageText_"] { + margin-left: 4px; + color: rgb(var(--white50)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyLeft_"] [class*="contentmanagement_AppInfo_"] [class*="contentmanagement_AppUsageValue_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyLeft_"] [class*="contentmanagement_AppInfo_"] svg.DesktopUI, .DesktopUI [class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyLeft_"] [class*="contentmanagement_AppInfo_"] svg { + color: rgb(var(--white50)); +} +[class*="sortingdropdowncontrolbutton_BasicHomeDropDownControlButton_"]:hover, [class*="sortingdropdowncontrolbutton_BasicHomeDropDownControlButton_"]:active { + background: rgb(var(--white05)); + color: rgb(var(--white)); +} +[class*="contentmanagement_DriveName_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_InstallDropdownOption_"] { + color: rgb(var(--white50)); +} +[class*="contentmanagement_DriveSize_"] { + color: rgb(var(--white50)); +} +[class*="appportrait_LibraryItemActionButton_"][class*="appportrait_Download_"] svg, [class*="appportrait_LibraryItemActionButton_"][class*="appportrait_Update_"] svg { + transform: none; +} +[class*="libraryhomenewupdates_EventOptions_"]>div { + background-color: rgb(var(--white12)); + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFFOUI0REY5NERFMTFFNjk0QTY4RTEzNkRDMTY4Q0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFFOUI0RTA5NERFMTFFNjk0QTY4RTEzNkRDMTY4Q0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MUU5QjRERDk0REUxMUU2OTRBNjhFMTM2REMxNjhDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MUU5QjRERTk0REUxMUU2OTRBNjhFMTM2REMxNjhDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmW8LaMAAABtSURBVHjaYvj///9eIA4CYgYkDOLvBTEMgPgpEKdCJVKhfAOYSmUgvgPEO6A0iM/AxMDAMA2IuYDYCohfQWkusDhQRRgQvwJiG6gpNlB+GMxYFyB+AcRtUBrEZ0B2oTEQX4PSYDFGsAocACDAAKhrkftNoGmaAAAAAElFTkSuQmCC); +} +[class*="libraryhomenewupdates_EventOptions_"]:hover>div { + background-color: rgb(var(--white24)); +} +[class*="contentmanagement_InstallDropdownOption_"][class*="contentmanagement_IsSelectedDropdownOption_"] [class*="contentmanagement_DriveName_"], [class*="contentmanagement_InstallDropdownOption_"][class*="contentmanagement_IsSelectedDropdownOption_"] [class*="contentmanagement_DriveSize_"], [class*="contentmanagement_InstallDropdownOption_"][class*="contentmanagement_IsSelectedDropdownOption_"] svg { + color: rgb(var(--white)); /* Random */ +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppHeader_"] { + color: rgb(var(--white)); /* Random */ +} +[class*="infoicon_MoreInfoIcon_"] { + color: rgb(var(--white)); + background-color: rgb(var(--white20)); /* Random */ +} +[class*="appdetailsgameinfopanel_SocialMedia_"] [class*="appdetailsgameinfopanel_Account_"] [class*="appdetailsgameinfopanel_Icon_"] .SVGIcon_Button { + fill: rgb(var(--white)); /* Random */ +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppHeader_"] [class*="contentmanagement_Rule_"] { + background-color: rgb(var(--white12)); +} +[class*="sortingdropdowncontrolbutton_BasicHomeDropDownControlButton_"][class*="sortingdropdowncontrolbutton_SortingDropDownControlButton_"] { + color: rgb(var(--white)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppHeader_"] [class*="contentmanagement_AppHeaderValue_"] { + color: rgb(var(--white75)); /* Random */ +} +[class*="gamelistentry_AppIconDownloading_"] svg[class*="gamelistentry_DownloadProgressSVG_"] circle { + stroke: rgb(var(--online)); +} +[class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_VR path, [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_MobilePhone path, [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_BigPicture path { + fill: rgb(var(--online)); +} +[class*="personanameandstatus_playerName_"] { + -webkit-mask: none; +} +[class*="appportraithover_AppPortraitHover_"] { + display: var(--gamehoverinfo); +} +div.LowPerfMode [class*="appdetailsplaysection_StickyHeader_"] [class*="appdetailsplaysection_Glassy_"], +[class*="appdetailsplaysection_StickyHeader_"] [class*="appdetailsplaysection_Glassy_"] { + background-color: rgb(var(--clientBG))!important; +} +[class*="appdetailsplaysection_StickyHeader_"] [class*="appdetailsplaysection_Glassy_"] { + backdrop-filter: none; +} +[class*="appdetailsplaysection_Glassy_"][class*="appdetailsplaysection_PlayBar_"], +div.LowPerfMode [class*="appdetailsplaysection_Glassy_"][class*="appdetailsplaysection_PlayBar_"] { + background: none; +} +[class*="appdetailsplaysection_Row_"] { + background: rgb(var(--black45)); + padding: 8px; +} + +[class*="sharedappdetailsheader_ImgSrc_"] { + -webkit-mask-image: none; + opacity: var(--gameimageopacity); + max-width: unset; +} +[class*="sharedappdetailsheader_ImgContainer_"], +[class*="sharedappdetailsheader_ImgSrc_"][class*="sharedappdetailsheader_ImgBlur_"] { + height: 100%; +} +[class*="sharedappdetailsheader_ImgSrc_"][class*="sharedappdetailsheader_ImgBlur_"][class*="sharedappdetailsheader_ImgBlurBackdrop_"] { + height: 200%; + opacity: 0.1; +} +div.HighPerfMode [class*="sharedappdetailsheader_HeaderBackgroundImage_"] { + transform: none; +} +button[class*="appdetailsheader_ExitEditModeButton_"][class*="appdetailsheader_ExitEditModeButton_"] { + /*background: !important; */ + z-index: 51!important; +} +[class*="sharedappdetailsheader_ImgSrc_"][class*="sharedappdetailsheader_ImgBlurBackdrop_"] { + filter: none; +} +[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:hover, [class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:focus, +[class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"] { + background-color: rgb(var(--textentry)) !important; +} +[class*="sharedappdetailsheader_ImgSrc_"][class*="sharedappdetailsheader_ImgBlur_"] { + opacity: 0; +} +[class*="sharedappdetailsheader_TopCapsule_"] { + background-color: transparent; +} +[class*="gamelistentry_Container_"] { + font-family: var(--basefont); + font-weight: 400; +} +[class*="gamelistentry_HasContextMenuOpen_"] { + border-top: 0; + border-bottom: 0; +} +[class*="appactivityday_PartnerEvent_"] { + border: 0; +} +[class*="titlebarcontrols_SoundtrackControls_"][class*="titlebarcontrols_Playing_"] { + background-color: rgb(var(--focus)); +} +[class*="titlebarcontrols_SoundtrackControls_"][class*="titlebarcontrols_Playing_"]:hover { + background-color: rgb(var(--white05)); +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameIcon_"], +[class*="gamelistentry_AppIconDownloading_"] { + height: 16px; + width: 16px; + margin-top: 1px; +} +[class*="gamelistentry_Container_"] [class*="gamelistentry_GameListEntryContainer_"] .SVGIcon_ProgressCircle { + height: 13px !important; + width: 13px !important; +} +[class*="titlebarcontrols_Button_"][class*="titlebarcontrols_VRToggle_"] { + background-image:var(--vricon); + background-repeat:no-repeat; + background-position:center; +} +[class*="titlebarcontrols_Button_"][class*="titlebarcontrols_VRToggle_"] svg { + display: none; +} +[class*="titlebarcontrols_VRToggle_"]:hover { + background:rgb(var(--white05)); + background-image:var(--vricon); + background-repeat:no-repeat; + background-position:center; +} +[class*="titlebarcontrols_VRToggle_"] { + padding:12px 9px; + width:14px; +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Content_"] [class*="appdetailssoundtrack_RightColumn_"] [class*="appdetailssoundtrack_TrackListContainer_"] [class*="appdetailssoundtrack_TrackListing_"][class*="appdetailssoundtrack_Playing_"] { + background-color: rgb(var(--focus)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Content_"] [class*="appdetailssoundtrack_RightColumn_"] { + background: rgb(var(--black45)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Content_"] [class*="appdetailssoundtrack_RightColumn_"] [class*="appdetailssoundtrack_TrackListContainer_"] [class*="appdetailssoundtrack_Disc_"] { + background: rgb(var(--black45)); + color: rgb(var(--white75)); +} +[class*="appdetailsgameinfopanel_DeckVerifiedInfo_"] [class*="appdetailsgameinfopanel_Details_"] { + background-color: rgb(var(--white12)); +} +[class*="appdetailsgameinfopanel_DeckVerifiedInfo_"] [class*="appdetailsgameinfopanel_Details_"]:hover { + background-color: rgb(var(--white24)); +} +[class*="appdetailsgameinfopanel_DeckVerifiedInfo_"] { + background-color: rgb(var(--black45)); + color: rgb(var(--white)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Header_"] [class*="appdetailssoundtrack_AlbumName_"] { + color: rgb(var(--white)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Header_"] [class*="appdetailssoundtrack_ArtistName_"] { + color: rgb(var(--white75)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Header_"] [class*="appdetailssoundtrack_StatsAndParent_"] [class*="appdetailssoundtrack_AlbumStats_"] { + color: rgb(var(--white50)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Header_"] [class*="appdetailssoundtrack_StatsAndParent_"] [class*="appdetailssoundtrack_ParentGameLink_"] { + color: rgb(var(--white50)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Header_"] [class*="appdetailssoundtrack_StatsAndParent_"] [class*="appdetailssoundtrack_ParentGameLink_"] [class*="appdetailssoundtrack_ParentAppName_"] { + color: rgb(var(--white)); +} +[class*="appdetailssoundtrack_SoundtrackContainer_"] [class*="appdetailssoundtrack_Content_"] [class*="appdetailssoundtrack_RightColumn_"] [class*="appdetailssoundtrack_TrackListContainer_"] [class*="appdetailssoundtrack_TrackListing_"] { + color: rgb(var(--white)); +} +[class*="artworkmodal_CreatedBy_"] [class*="artworkmodal_Label_"] { + color: rgb(var(--white)); +} +[class*="artworkmodal_FileDetails_"] [class*="artworkmodal_Fields_"] [class*="artworkmodal_IconAndDate_"] [class*="artworkmodal_Timestamp_"] { + color: rgb(var(--white)); +} +[class*="steamdesktopoverlay_GameOverview_"] [class*="steamdesktopoverlay_GameOverviewSection_"] [class*="steamdesktopoverlay_RecentNewsItem_"]:hover { + color: rgb(var(--white75)); + background-color: rgb(var(--white05)); +} +[class*="gamenotes_NoteEditorArea_"] { + color: white; /* We probably don't want this to be black in the overlay when the theme is White */ +} +[class*="library_LibraryWindowDivider_"][class*="library_Sizable_"] { + cursor: ew-resize!important; +} +[class*="libraryhomenewupdates_SettingsButton_"]:hover { + background: rgb(var(--white05)); /* Too subtle. Temporary */ +} +._DialogInputContainer [class*="libraryhomenewupdates_DialogLabelSoft_"], .DialogLabel[class*="libraryhomenewupdates_DialogLabelSoft_"] { + color: rgb(var(--white50)); +} +.DialogLabel, .DialogLabelStrong { + color: rgb(var(--white75)); +} +[class*="contentmanagement_AppsGrid_"] [class*="contentmanagement_AppBodyRight_"] [class*="contentmanagement_AppSize_"] { + color: rgb(var(--white)); +} +[class*="appdetailsprimarylinkssection_MenuButton_"] { + stroke: none; + fill: rgb(var(--white50)); +} +[class*="posttextentry_PostTextEntry_"] [class*="posttextentry_PostTextEntryArea_"] { + border: 1px solid rgb(var(--black45)); +} +[class*="comment_thread_ActivityCommentThread_"], +[class*="appactivityday_Event_"] [class*="appactivityday_EventBody_"] { + margin-left: 0; +} + +[class*="standardtemplates_DesktopToastTemplate_"] [class*="standardtemplates_GroupMessageBody_"] { + color: rgb(var(--white50)); +} +[class*="desktoptoasts_DesktopToastPopup_"]{ + background: rgb(var(--clientBG)); +} +[class*="desktoptoasts_DesktopToastBackground_"] { + display: none; +} +[class*="standardtemplates_AvatarStatus_"].online{ + background-color: rgb(var(--online)); +} +[class*="standardtemplates_AvatarStatus_"].ingame{ + background-color:rgb(var(--ingame)); +} +[class*="standardtemplates_AvatarStatus_"].offline{ + background-color:rgb(var(--offline)); +} +[class*="standardtemplates_AvatarStatus_"] { + width:2px; +} +[class*="standardtemplates_DesktopToastTemplate_"] [class*="standardtemplates_GroupMessageBody_"] [class*="standardtemplates_GroupMessageIcon_"]{ + display:none; +} + +.ModalDialogPopup:not([class*="steamdesktopoverlay_NoTitlebarSpacer_"]) [class*="steamdesktopoverlay_OverlayPopup_"] [class*="steamdesktopoverlay_WindowControls_"] { + height: 38px; +} +[class*="desktopbrowser_URLBar_"] [class*="desktopbrowser_NavigationButton_"] { + padding: 4px 0px 4px 4px; +} +[class*="appportraithover_DownloadStatus_"] { + background-color: transparent; +} +[class*="appportraithover_DownloadStatus_"] [class*="appportraithover_DownloadContainer_"] [class*="appportraithover_DownloadStatusTitle_"], +[class*="appportraithover_DownloadStatus_"] [class*="appportraithover_DownloadContainer_"] [class*="appportraithover_DownloadStatusDetails_"] { + color: rgb(var(--online)); +} +[class*="appdetailsheader_InCollection_"][class*="appdetailsheader_InHidden_"] { + background-color: rgb(var(--black45)); + color: rgb(var(--white)); + border: none; +} +[class*="appdetailsheader_InCollection_"]:focus { + color: white; + background-color: rgb(var(--focus)); +} +[class*="appdetailsheader_InCollection_"]:hover { + background-color: rgb(var(--white10)); +} +[class*="steamdesktopoverlay_ToolbarContainer_"] [class*="steamdesktopoverlay_Toolbar_"] { + padding: 8px; + background: rgb(var(--black45)); +} +[class*="appproperties_BetasDropDown_"] ._DialogInputContainer::-webkit-scrollbar-button { + display:none!important; +} +[class*="downloads_AutoUpdateSettings_"] { + color: rgb(var(--white50)); +} +[class*="downloads_AutoUpdateSettings_"]:hover { + color: rgb(var(--white75)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_PlayButton_"] [class*="appactionbutton_ButtonText_"] { + display: none; +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_PlayButtonContainer_"] { + height: 32px; + min-width: 32px; + width: 32px; + border: 1px solid rgb(var(--white50)); + border-radius: 50%!important; +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_PlayButtonContainer_"]:hover { + border: 1px solid rgb(var(--white)); +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_Green_"] > [class*="appactionbutton_ButtonChild_"] { + background: transparent; +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_PlayButton_"] { + width: 100%; +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] [class*="appactionbutton_PlayButton_"] svg { + fill: rgb(var(--white50)); + margin-right: 0; + width: 16px; + height: 16px; + margin-left: 1px; +} +[class*="downloads_SectionItem_"] [class*="downloads_Buttons_"] :not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_Green_"]>[class*="appactionbutton_ButtonChild_"]:hover { + color: rgb(var(--white)); +} +[class*="appdetailsheader_Container_"] { + background-color: var(--gameimageBG); +} +.AssignCategoriesDialog_Friend { + background: rgb(var(--white05)); /* --focus and white as color is another option */ +} +[class*="gamepadslider_SliderControl_"]:hover [class*="gamepadslider_SliderTrack_"] { + --left-track-color: rgb(var(--focus)); + filter: brightness(1.2); +} +[class*="gamepadslider_SliderTrack_"]::before { + border-radius: 0; +} +[class*="pageablecontainer_PageClickContainer_"] .SVGIcon_Button { + fill: rgb(var(--white)); +} +[class*="apppartnereventspage_ScrollButton_"] svg polygon { + fill: rgb(var(--white)); +} +[class*="library_AchievementsOverlayContainer_"] [class*="library_AchievementsPageContainer_"] [class*="library_CloseButton_"] svg line, +[class*="apppartnereventspage_CloseButton_"] svg line { + stroke: rgb(var(--white)); +} +[class*="library_AchievementsOverlayContainer_"] [class*="library_AchievementsPageContainer_"] [class*="library_CloseButton_"], +[class*="apppartnereventspage_ScrollButton_"], +[class*="apppartnereventspage_CloseButton_"] { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--white)); /* Random */ +} +[class*="library_AchievementsOverlayContainer_"] [class*="library_AchievementsPageContainer_"] [class*="library_CloseButton_"]:hover, +[class*="apppartnereventspage_ScrollButton_"]:hover, +[class*="apppartnereventspage_CloseButton_"]:hover { + background-color: rgb(var(--clientBG)); + border: 1px solid rgb(var(--white)); /* Random */ + filter: brightness(2); +} +[class*="libraryhomeshowcases_ShowcaseHeader_"] [class*="libraryhomeshowcases_PageButtons_"] polyline.Arrow1 { + stroke: rgb(var(--white)); +} +[class*="standardtemplates_DesktopToastTemplate_"] [class*="standardtemplates_GroupMessageUserName_"] { + color: rgb(var(--white)); /* As in Valve's */ +} +[class*="libraryhomenewupdates_SettingsButton_"]:hover .SVGIcon_Settings path { + fill: rgb(var(--white)); +} +[class*="libraryhomeshowcases_CollectionDropDown_"] ._DialogInputContainer.DialogDropDown:hover { + color: rgb(var(--white)); /* Mindless */ +} +[class*="appactivityday_PartnerEventTextOnly_"]:hover [class*="appactivityday_PartnerEventTextOnly_Title_"] { + color: rgb(var(--white)); +} +[class*="library_AchievementsOverlayContainer_"] [class*="library_AchievementsPageContainer_"] [class*="library_CloseButton_"]:hover svg line, +[class*="apppartnereventspage_CloseButton_"]:hover svg line { + stroke: rgb(var(--white)); +} +[class*="achievementslist_ListTitle_"] { + color: rgb(var(--white)); +} +[class*="notificationssettings_ToggleHeader_"][class*="notificationssettings_ToggleHeader_"] { + color: rgb(var(--white)); /* Random */ +} +[class*="settings_SettingsDialogBodyText_"].DesktopUI, .DesktopUI [class*="settings_SettingsDialogBodyText_"] { + color: rgb(var(--white50)); +} +[class*="activateproductdialog_ProductActivationInfoContainerDesktop_"] [class*="activateproductdialog_InfoExampleHeader_"] { + color: rgb(var(--white)); /* Random */ +} +[class*="downloads_RemoveAllButton_"][class*="downloads_RemoveAllButton_"].DialogButton:enabled { + color: rgb(var(--white)); +} +[class*="libraryhomeshowcases_ShowcaseHeader_"] [class*="libraryhomeshowcases_DragHandle_"] { + stroke: none; + fill: rgb(var(--white)); +} +[class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"]:hover line, [class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"]:hover circle, [class*="posttextentry_PostTextEntry_"] [class*="posttextentry_Controls_"] [class*="posttextentry_EmoticonButton_"]:hover path { + stroke: rgb(var(--white)); +} +[class*="appdetailssection_AppDetailsSection_"] { + color: rgb(var(--white)); /* Random */ +} +[class*="partnereventdisplay_EventDetailTitle_"] { + color: rgb(var(--white)); +} +[class*="partnereventdisplay_EventDetailsBody_"] { + color: rgb(var(--white75)); /* Random */ +} +[class*="discussionwidget_VoteUpIcon_"], +[class*="discussionwidget_VoteDownIcon_"], +[class*="discussionwidget_ShareIcon_"] { + fill: rgb(var(--white)); +} +[class*="achievementspage_AchievementTabs_"] ._TabContentsScroll { + background: rgb(var(--clientBG)); +} +[class*="progressbar_ProgressBar_"] [class*="progressbar_Percent_"] { + background: rgb(var(--focus))!important; +} +[class*="standardtemplates_StandardTemplateContainer_"]:hover, [class*="standardtemplates_StandardTemplateContainer_"].gpfocus { + background-color: transparent; +} +[class*="achievementspage_Page_"] [class*="achievementspage_Container_"].DesktopUI, .DesktopUI [class*="achievementspage_Page_"] [class*="achievementspage_Container_"] { + border: 1px solid rgb(var(--frameBorder)); +} +[class*="library_AppDetailsOverlayTransitionGroup_"] [class*="library_OverlayAppDetailsTransitionEntered_"] { + backdrop-filter: brightness(0.15); +} +[class*="library_AppDetailsMain_"] { + border-top: none; +} +.DialogRoundCheckboxField_Control .DialogRoundCheckboxField_InnerCircle { + background: rgb(var(--white)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_ServerTabPane_"] [class*="serverbrowserdialog_ServerList_"] [class*="serverbrowserdialog_SelectColumnsButton_"]:hover { + color: rgb(var(--white)); + background: rgb(var(--white05)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_TopControlsCtr_"] [class*="serverbrowserdialog_SearchButton_"][class*="serverbrowserdialog_NewSearchButton_"] { + background: rgb(var(--white12)); +} +[class*="serverbrowserdialog_ServerBrowserDialog_"] [class*="serverbrowserdialog_DialogBody_"] [class*="serverbrowserdialog_TopControlsCtr_"] [class*="serverbrowserdialog_SearchButton_"][class*="serverbrowserdialog_NewSearchButton_"]:hover { + background: rgb(var(--white24)); +} +.DialogRoundCheckboxField_Control { + background-color: rgb(var(--white08)); +} +.DialogRoundCheckboxField_Container:hover .DialogRoundCheckboxField_OuterCircle { + background-color: rgba(var(--white), 0.17); +} +[class*="downloads_ItemLists_"] :not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_Green_"]>[class*="appactionbutton_ButtonChild_"]:hover svg { + fill: rgb(var(--white)); +} +[class*="appdetailsplaysection_PlayBar_"] :not([class*="appactionbutton_Disabled_"])>[class*="appactionbutton_Green_"]>[class*="appactionbutton_ButtonChild_"]:hover svg { + fill: white; +} +[class*="gamelistdropdown_ScrollToTop_"]:hover [class*="SVGIcon_"] polyline { + stroke: rgb(var(--white)); +} +[class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"] SVG, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] SVG { + color: rgb(var(--white)); +} +[class*="mediamanagerutils_ProgressContainer_"] [class*="mediamanagerutils_Progress_"] { + background-color: rgb(var(--focus)); +} +/* +button[class*="appdetailsheader_ExitEditModeButton_"][class*="appdetailsheader_ExitEditModeButton_"]:hover { + background: !important; +} +/* Bug fixing for Valve */ +[class*="pageablecontainer_HeaderPageControls_"] { + padding-bottom:5px; +} +[class*="contentmanagement_LibraryContent_"] [class*="contentmanagement_LibraryHeader_"] { + padding-left:12px; + padding-right:12px; +} +[class*="pagedsettings_PagedSettingsDialog_PageContent_"].DesktopUI .DialogBody,.DesktopUI [class*="pagedsettings_PagedSettingsDialog_PageContent_"] .DialogBody { + padding-right:24px; +} +[class*="appdetailssection_ButtonContainer_"] button.DialogButton[class*="appdetailsbutton_AppDetailsButton_"] { /* Ensuring the buttons don't exceed the box boundaries in languages like Ukrainian */ + text-overflow: ellipsis; + overflow: hidden; +} +/* Bug fixing over */ diff --git a/desktop/configs/steam/metro/skin.json b/desktop/configs/steam/metro/skin.json new file mode 100644 index 0000000..16eee64 --- /dev/null +++ b/desktop/configs/steam/metro/skin.json @@ -0,0 +1,9 @@ +{ + "UseDefaultPatches": true, + "Patches": [ + { + "MatchRegexString": "^DUMMYFORCONFIG$", + "TargetCss": "custom.css" + } + ] +} \ No newline at end of file diff --git a/desktop/configs/steam/metro/theme.json b/desktop/configs/steam/metro/theme.json new file mode 100644 index 0000000..4aa39ea --- /dev/null +++ b/desktop/configs/steam/metro/theme.json @@ -0,0 +1,180 @@ +{ + "name": "Metro by Rose", + "author": "Rose", + "target": "Desktop", + "version": "v1.2", + "description": "A skin heavily inspired by the original Metro for Steam", + "manifest_version": 9, + "tabs": { + "library": ["Steam|SteamLibraryWindow", "desktopoverlay", "desktopcontextmenu"], + "friends": ["desktopchat"], + "all": ["library", "friends"] + }, + "patches": { + "Main Window": { + "type": "checkbox", + "values": { + "Yes": { + "libraryroot.custom.css": ["library"] + }, + "No": {} + } + }, + "Friends & Chat": { + "type": "checkbox", + "values": { + "Yes": { + "friends.custom.css": ["friends"] + }, + "No": {} + } + }, + "Web Pages": { + "type": "checkbox", + "values": { + "Yes": { + "webkit.css": ["store"] + }, + "No": {} + } + }, + "Green Notification Icon": { + "type": "checkbox", + "values": { + "No": {}, + "Yes": { + "--notificationsiconactive": ["url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TtSKVDnYQEYlQneyiIo6likWwUNoKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE1cVJ0UVK/F9SaBHjwXE/3t173L0DhEaFqWZXDFA1y0gn4mIuvyIGXtGDEASMYFRipp7MLGThOb7u4ePrXZRneZ/7c/QrBZMBPpE4xnTDIl4nntm0dM77xGFWlhTic+IJgy5I/Mh12eU3ziWHBZ4ZNrLpOeIwsVjqYLmDWdlQiaeJI4qqUb6Qc1nhvMVZrdRY6578hcGCtpzhOs1hJLCIJFIQIaOGDVRgIUqrRoqJNO3HPfxDjj9FLplcG2DkmEcVKiTHD/4Hv7s1i1OTblIwDnS/2PbHGBDYBZp12/4+tu3mCeB/Bq60tr/aAGY/Sa+3tcgRENoGLq7bmrwHXO4Ag0+6ZEiO5KcpFIvA+xl9Ux4YuAX6Vt3eWvs4fQCy1NXSDXBwCIyXKHvN4929nb39e6bV3w+SAXKzL6wiVgAAAAZiS0dEAJkAAADnGzuJxQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUKM/VkcsJw0AMRJ9C2nAFuqWFLSQdpBlX4x7i49bzfAgh6w857MkeIZCGGQahQKQDNzrRbby3ixj/xEH4mztvPFlim7BPv8wfA3m2RJKvSn1suLlSx5VTXTUypDnjp9J8I8NetyG+5mKZimU6Mqks+MZfZSU7urkAAAAASUVORK5CYII=)", "library"] + } + } + }, + "Disable Custom Avatar Frames": { + "type": "checkbox", + "values": { + "No": {}, + "Yes": { + "--avatarframes": [ "none", "friends"] + } + } + }, + "Disable Game Hover Info Popup": { + "type": "checkbox", + "values": { + "No": {}, + "Yes": { + "--gamehoverinfo": [ "none", "library"] + } + } + }, + "Accent Color": { + "type": "dropdown", + "values": { + "Blue": { + "--focus": ["0, 114, 198", "all"] + }, + "Pink": { + "--focus": ["220, 79, 173", "all"] + }, + "Red": { + "--focus": ["172, 25, 61", "all"] + }, + "OrangeRed": { + "--focus": ["210, 71, 38", "all"] + }, + "Orange": { + "--focus": ["255, 143, 50", "all"] + }, + "Lime": { + "--focus": ["130, 186, 0", "all"] + }, + "Green": { + "--focus": ["0, 138, 23", "all"] + }, + "Aqua": { + "--focus": ["3, 179, 178", "all"] + }, + "Dark Aqua": { + "--focus": ["0, 130, 152", "all"] + }, + "Sky Blue": { + "--focus": ["93, 178, 255", "all"] + }, + "Purple": { + "--focus": ["70, 23, 180", "all"] + }, + "Magenta": { + "--focus": ["140, 0, 149", "all"] + }, + "Custom": { + "--focus": ["var(--metrosteam-custom_rgb)", "all"] + } + }, + "components": [ + { + "name": "Accent Color", + "type": "color-picker", + "on": "Custom", + "default": "#6624E2", + "css_variable": "metrosteam-custom", + "tabs": ["all"] + } + ] + }, + "Decal": { + "type": "dropdown", + "values": { + "Fish": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/1.png)", "all"], + "--decalXY": ["right top", "all"] + }, + "Wind": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/2.png)", "all"], + "--decalXY": ["right bottom", "all"] + }, + "Wave": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/3.png)", "all"], + "--decalXY": ["right bottom", "all"] + }, + "Bird": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/4.png)", "all"], + "--decalXY": ["calc(100% - 1px) 3px", "all"] + }, + "Circles": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/5_top.png)", "all"], + "--decalXY": ["calc(100% - 2px) top", "all"] + }, + "Grass": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/5_bot_sm.png)", "all"], + "--decalXY": ["right bottom", "all"] + }, + "Artistic Fish": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/6.png)", "all"], + "--decalXY": ["right 41px", "all"] + }, + "Steam": { + "--decal": ["url(https://rosetheflower.github.io/MetroSteam/decals/decal_steam_btmr.png)", "all"], + "--decalXY": ["calc(100% - 174px) calc(100% - 79px)", "all"] + }, + "None":{} + } + }, + "Variation": { + "type": "dropdown", + "values": { + "Standard": {}, + "Dark": { + "--clientBG": ["0,0,0", "all"], + "--frameBorder": ["64,64,64", "all"], + "--header_dark": ["12,12,12", "all"], + "--bgGameList": ["var(--header_dark)", "all"], + "--white05onbgGameList": ["24,24,24", "all"], + "--textentry": ["var(--header_dark)", "all"] + }, + "Midnight": { + "--frameBorder": ["23, 19, 102", "all"], + "--header_dark": ["0, 22, 45", "all"], + "--textentry": ["0, 14, 45", "all"] + } + } + } + } +} diff --git a/desktop/configs/steam/metro/webkit.css b/desktop/configs/steam/metro/webkit.css new file mode 100644 index 0000000..21f3c95 --- /dev/null +++ b/desktop/configs/steam/metro/webkit.css @@ -0,0 +1,89 @@ +:root { + --focus: 102, 36, 226; + --basefont: "Cartograph CF"; + --semibold: "Cartograph CF DemiBold"; + --scrollbarSize: 15px; + --W10close_Red_h: 232, 18, 35; + --W10close_Red_p: 241, 112, 121; + --clientBG: 26, 26, 26; + --header_dark: 20, 20, 20; + --online: 93, 178, 255; + --ingame: 130, 186, 0; + --offline: 145, 145, 145; + --golden: 255, 255, 99; + --scrollbarSize: 15px; + --textentry: 39, 39, 39; + --frameBorder: 15, 15, 15; + --bgGameList: 38, 38, 38; + --white03: 255, 255, 255, 0.03; + --white05: 255, 255, 255, 0.05; + --white08: 255, 255, 255, 0.08; + --white10: 255, 255, 255, 0.1; + --white12: 255, 255, 255, 0.12; + --white20: 255, 255, 255, 0.2; + --white24: 255, 255, 255, 0.24; + --white25: 255, 255, 255, 0.25; + --white35: 255, 255, 255, 0.35; + --white45: 255, 255, 255, 0.45; + --white50: 255, 255, 255, 0.5; + --white75: 255, 255, 255, 0.75; + --white: 255, 255, 255; + --black05: 255, 255, 255, 0.05; + --black10: 0, 0, 0, 0.1; + --black12: 0, 0, 0, 0.12; + --black20: 0, 0, 0, 0.2; + --black24: 0, 0, 0, 0.24; + --black25: 0, 0, 0, 0.25; + --black45: 0, 0, 0, 0.45; + --black50: 0, 0, 0, 0.5; + --black75: 0, 0, 0, 0.75; + --black: 0, 0, 0; + --arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); + --arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); +} + +body { + background: rgb(26, 26, 26); + /* Making this into a variable and using a light theme makes it almost white */ +} + +::-webkit-scrollbar { + width: var(--scrollbarSize) !important; +} + +::-webkit-scrollbar-thumb { + background: rgba(var(--white05)) !important; + border: none !important; + border-radius: 0 !important; +} + +::-webkit-scrollbar-thumb:hover { + background-color: rgba(var(--white10)) !important; + border-radius: 0px !important; +} + +::-webkit-scrollbar-button:single-button { + height: 16px; + border-radius: 0px; + background-color: none; + border: 2px solid transparent; + display: block; +} + +::-webkit-scrollbar-button:hover { + background-color: rgba(var(--white05)); +} + +/* Up */ +::-webkit-scrollbar-button:vertical:decrement { + background-image: var(--arrow_up); + background-repeat: no-repeat; + background-position: 0px 0px; +} + +/* Down */ +::-webkit-scrollbar-button:vertical:increment { + background-image: var(--arrow_down); + background-repeat: no-repeat; + background-position: 0px 0px; +}