├── Centered-Home ├── center-hidden-header.css ├── docked.css ├── force-header.css ├── hide-header.css ├── shared.css ├── show-footer-categories.css └── theme.json ├── Fonts ├── case │ ├── standard-case.css │ └── uppercase.css ├── font-css │ ├── android-insomnia.css │ ├── atkinson-hyperlegible.css │ ├── bahnschrift.css │ ├── custom.css │ ├── depixel.css │ ├── figtree.css │ ├── fira-sans.css │ ├── josefin-sans.css │ ├── lato.css │ ├── montserrat.css │ ├── opendyslexic.css │ ├── optima-nova.css │ └── roboto.css ├── fonts │ ├── AndroidInsomniaRegular.ttf │ ├── Atkinson-Hyperlegible-Bold-102.otf │ ├── Atkinson-Hyperlegible-Regular-102.otf │ ├── DePixelBreit.ttf │ ├── Figtree-Bold.ttf │ ├── Figtree-Regular.ttf │ ├── FiraSans-Regular.ttf │ ├── JosefinSans.ttf │ ├── Lato-Regular.ttf │ ├── Montserrat-Bold.ttf │ ├── Montserrat-Regular.ttf │ ├── OpenDyslexic-Bold.otf │ ├── OpenDyslexic-Regular.otf │ ├── Roboto-Bold.ttf │ ├── Roboto-Regular.ttf │ ├── bahnschrift.ttf │ └── optima-nova-lt-black.otf ├── release.json └── theme.json ├── Galactic ├── background.css ├── center-recents.css ├── colors.css ├── fonts.css ├── offline.css ├── round-outline.css ├── round.css └── theme.json ├── LICENSE ├── Obsidian ├── colors │ ├── blue.css │ ├── dark-gray.css │ ├── gray.css │ ├── green.css │ ├── indigo.css │ ├── orange.css │ ├── red.css │ ├── violet.css │ └── yellow.css ├── other │ ├── no-blur.css │ └── no-glow.css ├── recents │ ├── black.css │ ├── blue.css │ ├── dark-gray.css │ ├── gray.css │ ├── green.css │ ├── indigo.css │ ├── monochrome.css │ ├── none.css │ ├── oled.css │ ├── orange.css │ ├── red.css │ ├── violet.css │ └── yellow.css ├── shared.css └── theme.json ├── Phantom ├── bright-color-fix.css ├── colors.css ├── colors │ ├── crow.css │ ├── fox.css │ ├── joker.css │ ├── mona.css │ ├── noir.css │ ├── oracle.css │ ├── panther.css │ ├── queen.css │ ├── skull.css │ ├── sophie.css │ ├── thirdsem.css │ └── velvet.css ├── flat.css ├── games.css ├── images │ ├── landscape_1.png │ ├── landscape_1_mask.png │ ├── landscape_1_mask2.png │ ├── portrait_1.png │ ├── portrait_1_mask.png │ ├── portrait_1_mask2.png │ ├── portrait_2.png │ ├── portrait_2_mask.png │ ├── portrait_3.png │ ├── portrait_3_mask.png │ ├── portrait_3_mask2.png │ ├── portrait_4.png │ ├── portrait_4_mask.png │ ├── portrait_4_mask2.png │ └── recents.png ├── release.json ├── theme.json └── zigzag.css ├── README.md ├── Round ├── hide-outline.css ├── intensity │ ├── 10px.css │ ├── 15px.css │ ├── 20px.css │ ├── 30px.css │ ├── 3px.css │ └── 5px.css ├── round-outline.css ├── shared.css └── theme.json └── resources └── images ├── phantom ├── landscape.psd ├── portrait.psd └── recents.psd └── readme ├── centered-home.jpg ├── fonts.jpg ├── galactic.jpg ├── obsidian.png ├── phantom.jpg └── round.jpg /Centered-Home/center-hidden-header.css: -------------------------------------------------------------------------------- 1 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 2 | padding-top: 82px; 3 | padding-bottom: 77px; 4 | } 5 | -------------------------------------------------------------------------------- /Centered-Home/docked.css: -------------------------------------------------------------------------------- 1 | @media all and (min-width: 1300px) { 2 | .gamepadhome_RecentSection_39tNv { 3 | height: 100%; 4 | } 5 | 6 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 7 | padding: 0 !important; 8 | height: 100%; 9 | display: flex; 10 | } 11 | 12 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 { 13 | flex: 1; 14 | margin: auto; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Centered-Home/force-header.css: -------------------------------------------------------------------------------- 1 | .gamepadhomerecentgames_RecentGamesHeader_35iRe { 2 | /* unset any transition stuff */ 3 | opacity: 0.7 !important; 4 | transform: none !important; 5 | } 6 | -------------------------------------------------------------------------------- /Centered-Home/hide-header.css: -------------------------------------------------------------------------------- 1 | .gamepadhomerecentgames_RecentGamesHeader_35iRe { 2 | visibility: hidden; 3 | } 4 | -------------------------------------------------------------------------------- /Centered-Home/shared.css: -------------------------------------------------------------------------------- 1 | @media all and (max-width: 1200px) { 2 | /* wont be applied in docked mode as it cuts off the background blur*/ 3 | .basicgamecarousel_BasicGameCarousel_3MdH5 { 4 | height: 320px !important; 5 | } 6 | } 7 | 8 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 9 | padding-top: 98px; 10 | padding-bottom: 61px; 11 | } 12 | -------------------------------------------------------------------------------- /Centered-Home/show-footer-categories.css: -------------------------------------------------------------------------------- 1 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 2 | padding-top: 98px; 3 | } 4 | 5 | .gamepadhome_RecentSection_39tNv { 6 | height: 86%; 7 | } -------------------------------------------------------------------------------- /Centered-Home/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Centered Home", 3 | "description": "This theme makes the recent games section take up the full screen and centers it vertically. Options are provided for hiding and showing the header as well as whether or not to consider the title of the game when centering vertically (assuming the header is hidden). I recommend using this with the Static Background theme by SuchMeme pictured here.", 4 | "author": "EMERALD#0874", 5 | "target": "Home", 6 | "version": "v1.3", 7 | "manifest_version": 2, 8 | "inject": { "shared.css": ["SP"] }, 9 | "patches": { 10 | "Hide Header": { 11 | "default": "Yes, center on games", 12 | "type": "dropdown", 13 | "values": { 14 | "Yes, center on games": { "hide-header.css": ["SP"] }, 15 | "Yes, center on all": { 16 | "hide-header.css": ["SP"], 17 | "center-hidden-header.css": ["SP"] 18 | }, 19 | "No": {} 20 | } 21 | }, 22 | "Force Header to Stay Visible": { 23 | "default": "No", 24 | "type": "checkbox", 25 | "values": { 26 | "No": {}, 27 | "Yes": { "force-header.css": ["SP"] } 28 | } 29 | }, 30 | "Expand When Docked": { 31 | "default": "Yes", 32 | "type": "checkbox", 33 | "values": { 34 | "No": {}, 35 | "Yes": { "docked.css": ["SP"] } 36 | } 37 | }, 38 | "Show Footer Categories": { 39 | "default": "No", 40 | "type": "checkbox", 41 | "values": { 42 | "No": {}, 43 | "Yes": { "show-footer-categories.css": ["SP"] } 44 | } 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /Fonts/case/standard-case.css: -------------------------------------------------------------------------------- 1 | * { 2 | text-transform: none !important; 3 | } 4 | -------------------------------------------------------------------------------- /Fonts/case/uppercase.css: -------------------------------------------------------------------------------- 1 | * { 2 | text-transform: uppercase !important; 3 | } 4 | -------------------------------------------------------------------------------- /Fonts/font-css/android-insomnia.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: AndroidInsomnia; 3 | src: url("/themes_custom/Fonts/fonts/AndroidInsomniaRegular.ttf"); 4 | } 5 | 6 | * { 7 | font-family: AndroidInsomnia !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/atkinson-hyperlegible.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: AtkinsonHyperlegible; 3 | src: url("/themes_custom/Fonts/fonts/Atkinson-Hyperlegible-Regular-102.otf"); 4 | } 5 | 6 | 7 | @font-face { 8 | font-family: AtkinsonHyperlegible; 9 | src: url("/themes_custom/Fonts/fonts/Atkinson-Hyperlegible-Bold-102.otf"); 10 | font-weight: bold; 11 | } 12 | 13 | 14 | * { 15 | font-family: AtkinsonHyperlegible !important; 16 | } 17 | -------------------------------------------------------------------------------- /Fonts/font-css/bahnschrift.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Bahnschrift; 3 | src: url("/themes_custom/Fonts/fonts/bahnschrift.ttf"); 4 | } 5 | 6 | * { 7 | font-family: Bahnschrift !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/custom.css: -------------------------------------------------------------------------------- 1 | /* 2 | Welcome to the custom file for the Fonts theme. To add your own font, 3 | follow these steps: 4 | 5 | 1. Find a font you like on Google Fonts or another site. Download it 6 | and put it in the Fonts/fonts folder. 7 | 8 | 2. Edit the @font-face section below to point to your font file. You 9 | can also add a second @font-face section to add a bold version of 10 | your font (an example is commented below). 11 | 12 | 3. Edit the * section below to set your font as the default font for 13 | the theme. You can also add additional selectors to set your font 14 | for specific elements, but the default behavior is to set the font 15 | for all elements. 16 | 17 | 4. Edit the theme.json file to add your font to the list of fonts 18 | available in the theme settings. You can edit the provided "Custom 19 | Template" font name if you haven't changed this CSS file name. You 20 | can also choose what parts of the Steam Deck UI your font will 21 | affect by changing the tabs (ex. "SP", "MainMenu", "QuickAccess"). 22 | 23 | 5. You're done! Enter Gaming Mode and go to the theme settings to 24 | select your font. If you don't see your font in the list, try 25 | refreshing the page. 26 | */ 27 | 28 | @font-face { 29 | font-family: FontNameHere; 30 | src: url("/themes_custom/Fonts/fonts/Roboto-Regular.ttf"); 31 | } 32 | 33 | /* 34 | @font-face { 35 | font-family: FontNameHere; 36 | src: url("/themes_custom/Fonts/fonts/Roboto-Bold.ttf"); 37 | font-weight: bold; 38 | } 39 | */ 40 | 41 | * { 42 | font-family: FontNameHere !important; 43 | } 44 | -------------------------------------------------------------------------------- /Fonts/font-css/depixel.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: DePixelBreit; 3 | src: url("/themes_custom/Fonts/fonts/DePixelBreit.ttf"); 4 | } 5 | 6 | * { 7 | font-family: DePixelBreit !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/figtree.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Figtree; 3 | src: url("/themes_custom/Fonts/fonts/Figtree-Regular.ttf"); 4 | } 5 | 6 | @font-face { 7 | font-family: Figtree; 8 | src: url("/themes_custom/Fonts/fonts/Figtree-Bold.ttf"); 9 | font-weight: bold; 10 | } 11 | 12 | * { 13 | font-family: Figtree !important; 14 | } 15 | -------------------------------------------------------------------------------- /Fonts/font-css/fira-sans.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: FiraSans; 3 | src: url("/themes_custom/Fonts/fonts/FiraSans-Regular.ttf"); 4 | } 5 | 6 | * { 7 | font-family: FiraSans !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/josefin-sans.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: JosefinSans; 3 | src: url("/themes_custom/Fonts/fonts/JosefinSans.ttf"); 4 | } 5 | 6 | * { 7 | font-family: JosefinSans !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/lato.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Lato; 3 | src: url("/themes_custom/Fonts/fonts/Lato-Regular.ttf"); 4 | } 5 | 6 | * { 7 | font-family: Lato !important; 8 | } 9 | -------------------------------------------------------------------------------- /Fonts/font-css/montserrat.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Montserrat; 3 | src: url("/themes_custom/Fonts/fonts/Montserrat-Regular.ttf"); 4 | } 5 | 6 | @font-face { 7 | font-family: Montserrat; 8 | src: url("/themes_custom/Fonts/fonts/Montserrat-Bold.ttf"); 9 | font-weight: bold; 10 | } 11 | 12 | * { 13 | font-family: Montserrat !important; 14 | } 15 | -------------------------------------------------------------------------------- /Fonts/font-css/opendyslexic.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: OpenDyslexic; 3 | src: url("/themes_custom/Fonts/fonts/OpenDyslexic-Regular.otf"); 4 | } 5 | 6 | 7 | @font-face { 8 | font-family: OpenDyslexic; 9 | src: url("/themes_custom/Fonts/fonts/OpenDyslexic-Bold.otf"); 10 | font-weight: bold; 11 | } 12 | 13 | 14 | * { 15 | font-family: OpenDyslexic !important; 16 | } 17 | -------------------------------------------------------------------------------- /Fonts/font-css/optima-nova.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: OptimaNova; 3 | src: url("/themes_custom/Fonts/fonts/optima-nova-lt-black.otf"); 4 | } 5 | 6 | * { 7 | font-family: OptimaNova !important; 8 | font-weight: normal !important; 9 | } 10 | -------------------------------------------------------------------------------- /Fonts/font-css/roboto.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Roboto; 3 | src: url("/themes_custom/Fonts/fonts/Roboto-Regular.ttf"); 4 | } 5 | 6 | @font-face { 7 | font-family: Roboto; 8 | src: url("/themes_custom/Fonts/fonts/Roboto-Bold.ttf"); 9 | font-weight: bold; 10 | } 11 | 12 | * { 13 | font-family: Roboto !important; 14 | } 15 | -------------------------------------------------------------------------------- /Fonts/fonts/AndroidInsomniaRegular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/AndroidInsomniaRegular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Atkinson-Hyperlegible-Bold-102.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Atkinson-Hyperlegible-Bold-102.otf -------------------------------------------------------------------------------- /Fonts/fonts/Atkinson-Hyperlegible-Regular-102.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Atkinson-Hyperlegible-Regular-102.otf -------------------------------------------------------------------------------- /Fonts/fonts/DePixelBreit.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/DePixelBreit.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Figtree-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Figtree-Bold.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Figtree-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Figtree-Regular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/FiraSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/FiraSans-Regular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/JosefinSans.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/JosefinSans.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Lato-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Lato-Regular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Montserrat-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Montserrat-Bold.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Montserrat-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Montserrat-Regular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/OpenDyslexic-Bold.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/OpenDyslexic-Bold.otf -------------------------------------------------------------------------------- /Fonts/fonts/OpenDyslexic-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/OpenDyslexic-Regular.otf -------------------------------------------------------------------------------- /Fonts/fonts/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Roboto-Bold.ttf -------------------------------------------------------------------------------- /Fonts/fonts/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/Roboto-Regular.ttf -------------------------------------------------------------------------------- /Fonts/fonts/bahnschrift.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/bahnschrift.ttf -------------------------------------------------------------------------------- /Fonts/fonts/optima-nova-lt-black.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Fonts/fonts/optima-nova-lt-black.otf -------------------------------------------------------------------------------- /Fonts/release.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": [ 3 | "fonts/AndroidInsomniaRegular.ttf", 4 | "fonts/Atkinson-Hyperlegible-Regular-102.otf", 5 | "fonts/Atkinson-Hyperlegible-Bold-102.otf", 6 | "fonts/bahnschrift.ttf", 7 | "fonts/DePixelBreit.ttf", 8 | "fonts/FiraSans-Regular.ttf", 9 | "fonts/JosefinSans.ttf", 10 | "fonts/Lato-Regular.ttf", 11 | "fonts/Montserrat-Bold.ttf", 12 | "fonts/Montserrat-Regular.ttf", 13 | "fonts/OpenDyslexic-Regular.otf", 14 | "fonts/OpenDyslexic-Bold.otf", 15 | "fonts/optima-nova-lt-black.otf", 16 | "fonts/Roboto-Bold.ttf", 17 | "fonts/Roboto-Regular.ttf" 18 | ], 19 | "ignore": [] 20 | } 21 | -------------------------------------------------------------------------------- /Fonts/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Fonts", 3 | "description": "This theme adds a variety of fonts and control over capitalization to the Steam Deck. Atkinson Hyperlegible and OpenDyslexic are fonts designed to help readers with visual impairments and dyslexia respectively. If you would like to add your own font, a guide and template are available in ~/homebrew/themes/Fonts/font-css/custom.css. Please do not make PRs to my theme repository with additional fonts as they will not be considered. Thanks!", 4 | "author": "EMERALD0874", 5 | "version": "v3.3", 6 | "manifest_version": 3, 7 | "inject": {}, 8 | "target": "System-Wide", 9 | "patches": { 10 | "Font": { 11 | "default": "None", 12 | "type": "dropdown", 13 | "values": { 14 | "None": {}, 15 | "Android Insomnia": { 16 | "font-css/android-insomnia.css": ["SP", "MainMenu", "QuickAccess"] 17 | }, 18 | "Atkinson Hyperlegible": { 19 | "font-css/atkinson-hyperlegible.css": ["SP", "MainMenu", "QuickAccess"] 20 | }, 21 | "Bahnschrift": { 22 | "font-css/bahnschrift.css": ["SP", "MainMenu", "QuickAccess"] 23 | }, 24 | "DePixel Breit": { 25 | "font-css/depixel.css": ["SP", "MainMenu", "QuickAccess"] 26 | }, 27 | "Figtree": { 28 | "font-css/figtree.css": ["SP", "MainMenu", "QuickAccess"] 29 | }, 30 | "Fira Sans": { 31 | "font-css/fira-sans.css": ["SP", "MainMenu", "QuickAccess"] 32 | }, 33 | "Josefin Sans": { 34 | "font-css/josefin-sans.css": ["SP", "MainMenu", "QuickAccess"] 35 | }, 36 | "Lato": { 37 | "font-css/lato.css": ["SP", "MainMenu", "QuickAccess"] 38 | }, 39 | "Montserrat": { 40 | "font-css/montserrat.css": ["SP", "MainMenu", "QuickAccess"] 41 | }, 42 | "OpenDyslexic": { 43 | "font-css/opendyslexic.css": ["SP", "MainMenu", "QuickAccess"] 44 | }, 45 | "Optima Nova": { 46 | "font-css/optima-nova.css": ["SP", "MainMenu", "QuickAccess"] 47 | }, 48 | "Roboto": { 49 | "font-css/roboto.css": ["SP", "MainMenu", "QuickAccess"] 50 | }, 51 | "Custom Template": { 52 | "font-css/custom.css": ["SP", "MainMenu", "QuickAccess"] 53 | } 54 | } 55 | }, 56 | "Text Transform": { 57 | "default": "None", 58 | "type": "dropdown", 59 | "values": { 60 | "None": {}, 61 | "Standard Case": { 62 | "case/standard-case.css": ["SP", "MainMenu", "QuickAccess"] 63 | }, 64 | "Uppercase": { 65 | "case/uppercase.css": ["SP", "MainMenu", "QuickAccess"] 66 | } 67 | } 68 | } 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /Galactic/background.css: -------------------------------------------------------------------------------- 1 | /* Recent games background */ 2 | :root { 3 | --static-background: url("https://i.imgur.com/t1Z42aW.gif"); 4 | } 5 | .gamepadhome_RecentSection_39tNv.Panel.Focusable { 6 | top: 0; 7 | background-image: var(--static-background); 8 | background-repeat: no-repeat; 9 | background-size: cover; 10 | } 11 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 12 | backdrop-filter: blur(2px); 13 | } 14 | .gamepadhomerecentgames_RecentGamesBackgroundContainer_QNkOt > * { 15 | display: none; 16 | } 17 | .gpfocuswithin ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf, 18 | :hover ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf { 19 | opacity: 0.25; 20 | } 21 | .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf { 22 | width: 50px; 23 | height: 32px; 24 | filter: saturate(1) brightness(200%) blur(3px); 25 | transform: translateY(-199%) translateX(56px) scaleX(22) scaleY(7); 26 | } 27 | -------------------------------------------------------------------------------- /Galactic/center-recents.css: -------------------------------------------------------------------------------- 1 | .basicgamecarousel_BasicGameCarousel_3MdH5 { 2 | height: 320px !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | padding-top: 103px; 6 | padding-bottom: 39px; 7 | } 8 | .gamepadhomerecentgames_RecentGamesHeader_35iRe { 9 | visibility: hidden; 10 | } 11 | -------------------------------------------------------------------------------- /Galactic/colors.css: -------------------------------------------------------------------------------- 1 | /* Taken from Obsidian */ 2 | 3 | :root { 4 | --obsidian-main-color: #111; 5 | --obsidian-button-glow: #ffffff90; 6 | } 7 | 8 | /* 9 | HOME PAGE 10 | */ 11 | 12 | /* Turn the header art to grayscale */ 13 | .gamepadhomerecentgames_RecentGamesBackground_1SRox { 14 | filter: grayscale(1); 15 | } 16 | /* Turn backgrounds black */ 17 | .gamepadui_BasicHome_3LYP1.gamepadui_OpaqueBackground_b084m { 18 | background: var(--obsidian-main-color) !important; 19 | } 20 | .gamepadhome_TabbedContent_cE1Sa { 21 | background: var(--obsidian-main-color) !important; 22 | } 23 | .gamepadhomerecentgames_RecentGamesBackgroundFadeGradient_1ksIq { 24 | background: none; 25 | } 26 | 27 | /* 28 | LIBRARY 29 | */ 30 | /* Turn backgrounds black */ 31 | .gamepadlibrary_GamepadLibrary_ZBBhe { 32 | background: var(--obsidian-main-color) !important; 33 | } 34 | .steamdeckcompatfilter_CompatFilterDialog_21qvB { 35 | background: var(--obsidian-main-color) !important; 36 | } 37 | .allcollections_Collection_3IWn- { 38 | background: var(--obsidian-main-color) !important; 39 | } 40 | 41 | /* 42 | GAME DETAILS 43 | */ 44 | 45 | /* Turn backgrounds black */ 46 | .basicappdetailssectionstyler_AppDetailsRoot_3fp5y { 47 | background: var(--obsidian-main-color) !important; 48 | } 49 | .DeckVerifiedModalDialogClient .DialogContent, 50 | .DeckVerifiedModalDialog .DialogContent { 51 | background: var(--obsidian-main-color) !important; 52 | } 53 | 54 | /* 55 | STEAM INPUT 56 | */ 57 | 58 | /* Make hovered buttons glow white instead of blue */ 59 | .controllerconfiguratorchoosebinding_TriggerButton_2MjBd.gpfocus, 60 | .controllerconfiguratorchoosebinding_BumperButton_2swvc.gpfocus { 61 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 62 | } 63 | .controllerconfiguratorchoosebinding_SelectButton_3i-XV.gpfocus, 64 | .controllerconfiguratorchoosebinding_StartButton_3s28A.gpfocus { 65 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 66 | } 67 | .controllerconfiguratorchoosebinding_MouseKey_19SMS.gpfocus { 68 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 69 | } 70 | .controllerconfiguratorchoosebinding_KeyboardKey_NoRFS.gpfocus { 71 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 72 | } 73 | .controllerconfiguratorchoosebinding_ControllerActionKey_3yP_p.gpfocus { 74 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 75 | } 76 | .controllerconfiguratorchoosebinding_ControllerActionKey_3yP_p.gpfocus { 77 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 78 | } 79 | /* Turn backgrounds black */ 80 | .controllerconfigurator_TopSection_20sN9 { 81 | background: var(--obsidian-main-color) !important; 82 | } 83 | .controllerconfigurator_ControllerConfiguratorMain_APY6j { 84 | background: var(--obsidian-main-color) !important; 85 | } 86 | .controllerconfigurator_BottomSection_3RsRf { 87 | background: var(--obsidian-main-color) !important; 88 | } 89 | .gamepadpagedsettings_PagedSettingDialog_ContentColumn_3JPle { 90 | background: var(--obsidian-main-color) !important; 91 | } 92 | .gamepadpagedsettings_PagedSettingsDialog_PageListColumn_2EZ3o { 93 | background: var(--obsidian-main-color) !important; 94 | } 95 | .gamepadpage_GamepadPage_2FqpD.gamepadpage_DialogBackground_2msTK { 96 | background: var(--obsidian-main-color) !important; 97 | } 98 | .controllerconfigurator_interstitial_ConfiguratorInterstitialContainer_3FS5u { 99 | background: var(--obsidian-main-color) !important; 100 | } 101 | .controllerconfiguratorsummary_ControllerConfiguratorSummary_3TvBV { 102 | background: var(--obsidian-main-color) !important; 103 | } 104 | 105 | /* 106 | FRIENDS & CHAT 107 | */ 108 | 109 | /* Get rid of glow */ 110 | .SteamDeckChats.gpfocuswithin .chattabs_ChatTab_1WfqA { 111 | box-shadow: none; 112 | } 113 | /* Turn backgrounds black */ 114 | .GamepadMode.friendlist.gpfocuswithin .FriendsListSteamDeckTopSection { 115 | background: var(--obsidian-main-color) !important; 116 | } 117 | .GamepadMode.friendlist { 118 | background-color: var(--obsidian-main-color) !important; 119 | background: var(--obsidian-main-color) !important; 120 | } 121 | .GamepadMode.friendlist.gpfocuswithin { 122 | background-color: var(--obsidian-main-color) !important; 123 | background: var(--obsidian-main-color) !important; 124 | } 125 | .multiChatDialog.GamepadMode, 126 | .GamepadMode .multiChatDialog { 127 | background: var(--obsidian-main-color) !important; 128 | } 129 | .multiChatDialog.GamepadMode.gpfocuswithin, 130 | .GamepadMode .multiChatDialog.gpfocuswithin { 131 | background-color: var(--obsidian-main-color) !important; 132 | background: var(--obsidian-main-color) !important; 133 | } 134 | 135 | /* 136 | DOWNLOADS 137 | */ 138 | 139 | /* Disable blue glow on hero */ 140 | .downloadgraph_HeroAndLogo_3mZ2r 141 | .downloadgraph_HeroContainer_3WauY 142 | .downloadgraph_HeroGradient_edQzw { 143 | background: none; 144 | } 145 | /* Turn backgrounds black */ 146 | .downloads_DownloadsPage_1bq4x { 147 | background: var(--obsidian-main-color) !important; 148 | } 149 | .downloadgraph_HeroAndLogo_3mZ2r.downloadgraph_Empty_pHDI1 { 150 | background: var(--obsidian-main-color) !important; 151 | } 152 | .downloadgraph_GraphAndStats_3KDkL { 153 | background: var(--obsidian-main-color) !important; 154 | } 155 | .BasicUI .libraryassetimage_GreyBackground_2E7G8 { 156 | background: var(--obsidian-main-color) !important; 157 | } 158 | .downloads_SectionItem_1VNuY.downloads_Active_IbePL { 159 | background: var(--obsidian-main-color) !important; 160 | } 161 | 162 | /* 163 | SETTINGS 164 | */ 165 | 166 | /* Turn backgrounds black */ 167 | .BasicUI .librarysettings_LibrarySettings_2nsOY { 168 | background: var(--obsidian-main-color) !important; 169 | } 170 | .BasicUI .contentmanagement_ContentManagement_3wk64 { 171 | background: var(--obsidian-main-color) !important; 172 | } 173 | 174 | /* 175 | QUICK ACCESS 176 | */ 177 | 178 | /* Turn backgrounds black */ 179 | .quickaccessmenu_QuickAccessMenu_V0cr- { 180 | background: var(--obsidian-main-color) !important; 181 | } 182 | .quickaccessmenu_Tab_1S76C.quickaccessmenu_Selected_2QHMu { 183 | background-color: #22262b !important; 184 | } 185 | .quickaccessmenu_Tab_1S76C { 186 | background-color: var(--obsidian-main-color) !important; 187 | } 188 | .quickaccessmenu_Title_34nl5 { 189 | background: var(--obsidian-main-color) !important; 190 | box-shadow: none; 191 | } 192 | .GamepadMode.friendlist { 193 | background: var(--obsidian-main-color) !important; 194 | } 195 | .GamepadMode.friendlist .FriendsListSteamDeckTabs { 196 | background-color: var(--obsidian-main-color) !important; 197 | } 198 | 199 | /* 200 | OTHER 201 | */ 202 | 203 | /* Navigation */ 204 | .mainmenu_Menu_23IDi { 205 | background: var(--obsidian-main-color) !important; 206 | } 207 | /* Power menu */ 208 | .gamepadui_GamepadDialogOverlay_34Euf .ModalOverlayBackground { 209 | background: var(--obsidian-main-color) 000dd !important; 210 | } 211 | /* Search */ 212 | .gamepadsearch_GamepadSearch_P_AlE { 213 | background: var(--obsidian-main-color) !important; 214 | } 215 | /* Media upload */ 216 | .gamepaddialog_ModalPosition_30VHl > .gamepaddialog_GamepadDialogContent_3joNk { 217 | background: var(--obsidian-main-color) !important; 218 | } 219 | /* Lock screen */ 220 | .lockscreen_Container_3rFFU { 221 | background: var(--obsidian-main-color) !important; 222 | } 223 | -------------------------------------------------------------------------------- /Galactic/fonts.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Roboto; 3 | src: url("https://rawcdn.githack.com/EMERALD0874/Steam-Deck-Themes/0a5a3649d0243eb9046a6f34f84a02d484bc1bca/resources/fonts/Roboto-Regular.ttf?raw=true"); 4 | } 5 | 6 | @font-face { 7 | font-family: Roboto; 8 | src: url("https://rawcdn.githack.com/EMERALD0874/Steam-Deck-Themes/0a5a3649d0243eb9046a6f34f84a02d484bc1bca/resources/fonts/Roboto-Bold.ttf?raw=true"); 9 | font-weight: bold; 10 | } 11 | 12 | * { 13 | font-family: Roboto !important; 14 | } 15 | -------------------------------------------------------------------------------- /Galactic/round-outline.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 10px; 3 | } 4 | 5 | .BasicUI .appportrait_LibraryItemBox_WYgDg.Focusable:focus { 6 | outline: none; 7 | border: 2px solid rgba(255, 255, 255, 0.6); 8 | border-radius: calc(var(--round-radius-size) + 2px); 9 | margin: -2px; 10 | } 11 | 12 | .gpfocus .basicpartnereventspage_BasicPartnerEvent_2yuwU { 13 | outline: none; 14 | border: 2px solid rgba(255, 255, 255, 0.6); 15 | border-radius: calc(var(--round-radius-size) + 2px); 16 | margin: 54px auto 14px auto; 17 | } 18 | 19 | @keyframes appportrait_growOutline_3wk3d { 20 | 0% { 21 | /* This is necessary to fix themes like Switch-Like Home that rely on recent game sizes */ 22 | border: 2px solid; 23 | margin: -2px; 24 | border-radius: calc(var(--round-radius-size) + 2px); 25 | } 26 | 0.1% { 27 | border: 12px solid; 28 | margin: -12px; 29 | border-radius: calc(var(--round-radius-size) + 10px); 30 | } 31 | 100% { 32 | border: 2px solid; 33 | margin: -2px; 34 | border-radius: calc(var(--round-radius-size) + 2px); 35 | } 36 | } 37 | @keyframes appportrait_fadeOutline_1FLuV { 38 | 0% { 39 | border-color: rgba(255, 255, 255, 0); 40 | } 41 | 100% { 42 | border-color: rgba(255, 255, 255, 0.6); 43 | } 44 | } 45 | @keyframes appportrait_blinker_2tSbN { 46 | 50% { 47 | border: 2px solid rgba(255, 255, 255, 0.24); 48 | } 49 | } 50 | 51 | .focusring_FocusRing_1IZrQ { 52 | outline: none; 53 | border: 2px solid rgba(255, 255, 255, 0.6); 54 | border-radius: calc(var(--round-radius-size) + 2px); 55 | margin: -2px; 56 | animation: focusring_growOutline_Z3LxS_alt 0.4s ease, 57 | focusring_fadeOutline_2hZu3_alt 0.4s ease, 58 | focusring_blinker_3wFMM_alt 1.2s ease-in-out 0.4s 20; 59 | } 60 | 61 | @keyframes focusring_growOutline_Z3LxS_alt { 62 | 0% { 63 | border: 12px solid; 64 | margin: -12px; 65 | border-radius: calc(var(--round-radius-size) + 10px); 66 | } 67 | 100% { 68 | border: 2px solid; 69 | margin: -2px; 70 | border-radius: calc(var(--round-radius-size) + 2px); 71 | } 72 | } 73 | @keyframes focusring_fadeOutline_2hZu3_alt { 74 | 0% { 75 | border-color: rgba(255, 255, 255, 0); 76 | } 77 | 100% { 78 | border-color: rgba(255, 255, 255, 0.6); 79 | } 80 | } 81 | @keyframes focusring_blinker_3wFMM_alt { 82 | 50% { 83 | border: 2px solid rgba(255, 255, 255, 0.24); 84 | } 85 | } 86 | 87 | /* exceptions */ 88 | .BasicUI 89 | .appdetailssection_AppDetailsSectionContainer_31ptF.appdetailssection_RightColumnSection_3KfxI 90 | > .focusring_FocusRingRoot_3PH_X 91 | > .focusring_FocusRing_1IZrQ, 92 | .appactivityday_NoCommentSupport_2CB_R 93 | > .appactivityday_EventBody_NEMXh 94 | > .Panel 95 | > .focusring_FocusRingRoot_3PH_X 96 | > .focusring_FocusRing_1IZrQ, 97 | .controllerconfiguratorchoosebinding_ChooseBindingContainer_1Kj9l 98 | > .gamepadtabbedpage_GamepadTabbedPage_3IBLc 99 | > .gamepadtabbedpage_TabContents_WDa0_ 100 | > .overlappingtransition_TransitionGroup_11Twu 101 | > .overlappingtransition_ContentWrapper_1knAs 102 | > .Panel 103 | > .gamepadtabbedpage_TabContentsScroll_1X4dt 104 | > .focusring_FocusRingRoot_3PH_X 105 | > .focusring_FocusRing_1IZrQ { 106 | border: none; 107 | outline: 2px solid rgba(255, 255, 255, 0.6); 108 | border-radius: 0px; 109 | margin: 0px; 110 | animation: focusring_growOutline_Z3LxS 0.4s ease, 111 | focusring_fadeOutline_2hZu3 0.4s ease, 112 | focusring_blinker_3wFMM 1.2s ease-in-out 0.4s 20; 113 | } 114 | -------------------------------------------------------------------------------- /Galactic/round.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 10px; 3 | } 4 | 5 | /* General */ 6 | .DialogInput { 7 | border-radius: var(--round-radius-size); 8 | overflow: hidden; 9 | } 10 | button.gamepaddialog_Button_1kn70.DialogButton, 11 | button.gamepaddialog_Button_1kn70.DialogButton.Primary, 12 | button.gamepaddialog_Button_1kn70.DialogButton:enabled, 13 | button.gamepaddialog_Button_1kn70.DialogButton:enabled.Primary, 14 | button.gamepaddialog_Button_1kn70.DialogButton:active, 15 | button.gamepaddialog_Button_1kn70.DialogButton:active.Primary, 16 | button.gamepaddialog_Button_1kn70.DialogButton:hover, 17 | button.gamepaddialog_Button_1kn70.DialogButton:hover.Primary, 18 | button.gamepaddialog_Button_1kn70.DialogButton:enabled:active:hover, 19 | button.gamepaddialog_Button_1kn70.DialogButton:enabled:active:hover.Primary, 20 | div.basiccontextmenu_contextMenuContents_TBSbv { 21 | border-radius: var(--round-radius-size); 22 | } 23 | .ModalPosition_Content 24 | > div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss) { 25 | border-radius: var(--round-radius-size); 26 | } 27 | 28 | /* Recent games and library */ 29 | .libraryassetimage_Image_24_Au { 30 | border-radius: var(--round-radius-size); 31 | } 32 | .appportrait_LibraryItemBox_WYgDg { 33 | border-radius: var(--round-radius-size); 34 | } 35 | .BasicUI .appportrait_LibraryItemBox_WYgDg::after { 36 | border-radius: var(--round-radius-size); 37 | } 38 | .gamepadsearch_ResultTemplateImage_3K3Bx { 39 | border-radius: var(--round-radius-size); 40 | } 41 | .BasicUI .libraryassetimage_GreyBackground_2E7G8 { 42 | border-radius: var(--round-radius-size); 43 | } 44 | .BasicUI .allcollections_Collection_3IWn- { 45 | border-radius: var(--round-radius-size); 46 | overflow: hidden; /* This is to prevent the collection image from overflowing the collection box */ 47 | } 48 | .steamdeckcompatfilter_CompatFilterDialog_21qvB { 49 | border-radius: var(--round-radius-size); 50 | } 51 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-child(1) { 52 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 53 | } 54 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-child(4) { 55 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 56 | } 57 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:last-child { 58 | border-radius: var(--round-radius-size); 59 | } 60 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-of-type(1):nth-last-child(3) { 61 | border-radius: var(--round-radius-size) !important; 62 | } 63 | .BasicUI 64 | .appfilterpane_Container_170Np 65 | .appfilterpane_FilterArea_1ennW 66 | .appfilterpane_FilterBucket_1axoi { 67 | border-radius: var(--round-radius-size); 68 | } 69 | .appportrait_AppPortraitBanner_N8aJr { 70 | border-radius: var(--round-radius-size); 71 | } 72 | .gamepadlibrary_AppGridFilterHeader_eGFYo { 73 | border-radius: var(--round-radius-size); 74 | } 75 | .basicgamecarousel_TextBoxCarouselContents_3bvCH { 76 | border-radius: var(--round-radius-size); 77 | } 78 | 79 | /* What's new */ 80 | .gamepadhomewhatsnew_Darkener_1n_1X { 81 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 82 | } 83 | .gamepadhomewhatsnew_EventImage_116GS { 84 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 85 | } 86 | .gamepadhomewhatsnew_EventPreviewOuterWrapper_10b1V:hover 87 | .gamepadhomewhatsnew_EventImage_116GS, 88 | .gpfocus .gamepadhomewhatsnew_EventImage_116GS { 89 | border-radius: calc(var(--round-radius-size) + 10px) 90 | calc(var(--round-radius-size) + 10px) 0px 0px; 91 | } 92 | .gamepadhomewhatsnew_EventInfo_6TGe7 { 93 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 94 | } 95 | .recentlycompleted_RecentlyCompletedItem_3OC7i { 96 | border-radius: var(--round-radius-size); 97 | overflow: hidden; 98 | } 99 | .marketingmessages_MarketingMessage_28UlE { 100 | border-radius: var(--round-radius-size); 101 | overflow: hidden; 102 | } 103 | /* News articles */ 104 | .apppartnereventspage_PartnerEvent_lwprN { 105 | border-radius: var(--round-radius-size) !important; 106 | overflow: hidden; 107 | } 108 | .partnereventshared_Button_3P0Tm.partnereventshared_Icon_3p1Hj { 109 | border-radius: var(--round-radius-size) !important; 110 | } 111 | .discussionwidget_VoteContainer_1uhQY, 112 | .discussionwidget_DiscussContainer_3tXYJ, 113 | .discussionwidget_ShareContainer_cLK_F { 114 | border-radius: var(--round-radius-size) !important; 115 | } 116 | 117 | /* Trending among friends (annoying to mess with outlines with, sorry if this is confusing lol) */ 118 | .gamecapsule_GameCapsule_fXdhj .gamecapsule_BottomBar_3-GyQ { 119 | height: 30px; 120 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 121 | } 122 | .gamecapsule_GameCapsule_fXdhj 123 | > .libraryassetimage_GreyBackground_2E7G8 124 | > img.libraryassetimage_Image_24_Au.libraryassetimage_Visibility_3d_bT.libraryassetimage_Visible_yDr03 { 125 | border-radius: 0px; 126 | } 127 | .gamecapsule_GameCapsule_fXdhj > .libraryassetimage_GreyBackground_2E7G8 { 128 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 129 | overflow: hidden; 130 | } 131 | .gamecapsule_GameCapsule_fXdhj { 132 | background-color: #00000000; 133 | } 134 | .gamecapsule_Friends_3gKVI { 135 | margin-left: 10px; 136 | } 137 | .gamecapsule_InLibrary_fyHna { 138 | border-radius: var(--round-radius-size); 139 | } 140 | 141 | /* Friends */ 142 | .gamepadhomefriends_FavoriteFriend_3SLpz, 143 | .gamepadhomefriends_GoToFriends_MVc_6 { 144 | border-radius: var(--round-radius-size); 145 | } 146 | .gamepadhomefriends_InGameGame_KLo2n { 147 | border-radius: var(--round-radius-size); 148 | } 149 | .BasicUI 150 | .appactivityday_ActivityAchievementUnlocked_yJLy7 151 | .appactivityday_PrimaryAchievement_26Qli { 152 | border-radius: var(--round-radius-size); 153 | } 154 | .appactivityday_Event_UVeN0 { 155 | border-radius: var(--round-radius-size); 156 | overflow: hidden; 157 | } 158 | .appactivityday_PlayedGameFirstTime_3fdEo 159 | > .appactivityday_EventHeadline_QCKBq { 160 | border-radius: var(--round-radius-size); 161 | } 162 | .BasicUI .appactivityday_Event_UVeN0 .appactivityday_EventBody_NEMXh { 163 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 164 | } 165 | .BasicUI 166 | .appactivityday_ActivityAchievementUnlocked_yJLy7 167 | .appactivityday_PrimaryAchievement_26Qli { 168 | border-radius: var(--round-radius-size); 169 | } 170 | .BasicUI 171 | .appactivityday_ScreenshotCarousel_1pdQd 172 | .appactivityday_CarouselThumbs_1tRKR 173 | .appactivityday_CarouselThumb_1Lot- { 174 | border-radius: var(--round-radius-size); 175 | overflow: hidden; 176 | } 177 | .gamepadsearch_ResultTemplateImage_3K3Bx { 178 | border-radius: var(--round-radius-size); 179 | overflow: hidden; 180 | } 181 | .FriendPickerFriendList, 182 | .FriendPickerFriendList._DialogInputContainer { 183 | border-radius: var(--round-radius-size); 184 | } 185 | 186 | /* Game details */ 187 | .BasicUI .spotlightgameplaysummary_SummaryCarouselContainer_wgbDI { 188 | border-radius: var(--round-radius-size); 189 | } 190 | .BasicUI 191 | .appdetailssection_AppDetailsSectionContainer_31ptF.appdetailssection_RightColumnSection_3KfxI { 192 | border-radius: var(--round-radius-size); 193 | } 194 | .BasicUI .spotlightgameplaysummary_SummaryAchievement_qBmIH { 195 | border-radius: var(--round-radius-size); 196 | } 197 | .posttextentry_PostTextEntry_3x31A .posttextentry_PostTextEntryArea_1JlC2 { 198 | border-radius: var(--round-radius-size); 199 | } 200 | .appdetailsachievementssection_AchievementCarouselItem_mbFSn.appdetailsachievementssection_Detailed_3KGi6 { 201 | border-radius: var(--round-radius-size); 202 | } 203 | .BasicUI .appdetailscommunityfeed_CommunityItem_3QS6O { 204 | border-radius: var(--round-radius-size); 205 | } 206 | .appdetailscommunityfeed_ArtItem_1aP1b { 207 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 208 | } 209 | .appdetailsgameinfopanel_DeckVerifiedInfo_IIJei 210 | .appdetailsgameinfopanel_Details_3sfpA { 211 | border-radius: var(--round-radius-size); 212 | } 213 | .BasicUI .appdetailsprimarylinkssection_Anchor_DY4_w { 214 | border-radius: var(--round-radius-size); 215 | } 216 | .basicappdetailssectionstyler_DeckVerifiedFeedbackConfirmationContainer_3G0l_, 217 | .basicappdetailssectionstyler_DeckVerifiedFeedbackContainer_3Y8xV { 218 | border-radius: var(--round-radius-size); 219 | } 220 | .basicappdetailssectionstyler_DeckVerifiedFeedbackConfirmationContainer_3G0l_ 221 | .basicappdetailssectionstyler_DeckVerifiedFeedbackButton_2F-oC, 222 | .basicappdetailssectionstyler_DeckVerifiedFeedbackContainer_3Y8xV 223 | .basicappdetailssectionstyler_DeckVerifiedFeedbackButton_2F-oC { 224 | border-radius: var(--round-radius-size); 225 | } 226 | .BasicUI .appdetailssection_Highlight_38t1m { 227 | border-radius: var(--round-radius-size) var(--round-radius-size) 0 0; 228 | } 229 | .appdetailsactivitysection_NoActivity_2-kDc, 230 | .appdetailsactivitysection_Loading_3UShz { 231 | border-radius: var(--round-radius-size); 232 | } 233 | .appdetailsgameinfopanel_DeckVerifiedInfo_IIJei { 234 | border-radius: var(--round-radius-size); 235 | } 236 | .basicappdetailssectionstyler_AppActionButton_QsZdW.appactionbutton_PlayButtonContainer_1FnJ6 { 237 | border-radius: var(--round-radius-size); 238 | overflow: hidden; 239 | } 240 | .basicappdetailssectionstyler_AppButtons_1thLD /* This makes the button a circle */ 241 | .appdetailsplaysection_MenuButton_3qDWQ { 242 | border-radius: var(--round-radius-size); 243 | } 244 | 245 | /* Media */ 246 | .mediapage_ImageContainer_120HU { 247 | border-radius: var(--round-radius-size); 248 | } 249 | .mediapage_Screenshot_3Qh8h { 250 | border-radius: var(--round-radius-size); 251 | } 252 | 253 | /* Downloads */ 254 | .downloads_Button_3oavR.gamepaddialog_Button_1kn70.DialogButton[type="button"], /* This makes the button a circle */ 255 | .downloads_SectionItem_1VNuY, 256 | .downloads_RemoveAllButton_1GdR5 { 257 | border-radius: var(--round-radius-size); 258 | } 259 | .downloads_Active_IbePL 260 | > .downloads_SectionList_OINnO 261 | > .downloads_SectionItemWrapper_21P7c 262 | > .downloads_SectionItem_1VNuY { 263 | border-radius: 0px !important; 264 | } 265 | .downloadgraph_HeroContainer_3WauY > .libraryassetimage_GreyBackground_2E7G8, 266 | .downloadgraph_HeroContainer_3WauY 267 | > .libraryassetimage_GreyBackground_2E7G8 268 | > .libraryassetimage_Image_24_Au { 269 | border-radius: 0px !important; 270 | } 271 | 272 | /* Mods */ 273 | .CssLoader_ThemeBrowser_SingleItem_BgImage, 274 | .CssLoader_ThemeBrowser_SingleItem_BgOverlay { 275 | border-radius: var(--round-radius-size) !important; 276 | overflow: hidden; 277 | } 278 | 279 | /* Main-Menu Guides */ 280 | .overlayguides_GuideListItemBase_1etIu { 281 | border-radius: var(--round-radius-size); 282 | } 283 | 284 | /* Main-Menu Achievements */ 285 | .mainmenuapprunning_OverlayAchievements_2Qced 286 | .achievementslist_AchievementListItemBase_2Kmn7, 287 | .mainmenuapprunning_OverlayAchievements_2Qced 288 | .achievementslist_GlobalAchievementListItem_316Uo, 289 | .mainmenuapprunning_OverlayAchievements_2Qced 290 | .achievementslist_AchievementList_1UXC2, 291 | .mainmenuapprunning_OverlayAchievements_2Qced 292 | .achievementsheader_StatsBlock__gDkI { 293 | border-radius: var(--round-radius-size); 294 | } 295 | 296 | /* Exit Game Dialog */ 297 | .gamepaddialog_GamepadDialogContent_3joNk:not(.gamepadpagedsettings_PagedSettingsDialog_PageContent_wIOLO) { 298 | border-radius: var(--round-radius-size); 299 | } 300 | 301 | /* Settings */ 302 | .DialogCheckbox_Container, 303 | .gamepadslider_EditableValue_2DXnl { 304 | border-radius: var(--round-radius-size) !important; 305 | } 306 | 307 | .controllerconfigurator_interstitial_ControlLabel_tGJeF, 308 | .controllerconfiguratorchooseconfiguration_ConfigurationButton_2luCN, /* This is selecting a controller layout */ 309 | .controllerconfigurator_CommunityConfigsCallout_1xfC8 { 310 | border-radius: var(--round-radius-size); 311 | } 312 | 313 | .appproperties_AppProperties_1FyBL 314 | .DialogBody 315 | .appproperties_TopGapSmall_2evqi { 316 | margin-top: 0px !important; 317 | } 318 | 319 | /* Options Container */ 320 | /* 321 | The majority of styles in this section were removed due to each container 322 | lacking the specificity needed to properly style them 323 | */ 324 | .basiccontextmenu_contextMenuContents_TBSbv:first-child 325 | .basiccontextmenu_ContextMenuSeparator_zVMb1 { 326 | /* 327 | This is here as sometimes the menu separators get stuck at 0px height and you can't change it with css 328 | so instead of relying on the height property, we use padding. 329 | */ 330 | height: 0px; 331 | padding-top: 2px; 332 | } 333 | 334 | .basiccontextmenu_contextMenuContents_TBSbv:first-child:not(.basiccontextmenu_hasSubMenu_1Mql2) 335 | .basiccontextmenu_contextMenuItem_3PqLg:nth-last-child(1), 336 | .basiccontextmenu_contextMenuContents_TBSbv:first-child.basiccontextmenu_hasSubMenu_1Mql2 337 | .basiccontextmenu_contextMenuItem_3PqLg:nth-last-child(2) { 338 | border-radius: var(--round-radius-size); 339 | } 340 | 341 | .basiccontextmenu_contextMenuContents_TBSbv:first-child:not(.basiccontextmenu_hasSubMenu_1Mql2) 342 | .basiccontextmenu_contextMenuItem_3PqLg:nth-last-child(3), 343 | .basiccontextmenu_contextMenuContents_TBSbv:first-child.basiccontextmenu_hasSubMenu_1Mql2 344 | .basiccontextmenu_contextMenuItem_3PqLg:nth-last-child(4) { 345 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 346 | } 347 | 348 | .BasicUI .appactionbutton_ButtonChild_2AzIX { 349 | overflow: hidden; 350 | } 351 | .BasicUI .appactionbutton_ButtonChild_2AzIX.Focusable:focus:focus::after { 352 | transform: scaleX(1.1); 353 | } 354 | 355 | /* Activate Product Dialog */ 356 | .activateproductdialog_ProductActivationInfoContainer_1Amz7 { 357 | border-radius: var(--round-radius-size); 358 | } 359 | -------------------------------------------------------------------------------- /Galactic/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Galactic", 3 | "description": "THIS THEME IS NO LONGER SUPPORTED AND MAY BREAK. This theme is intended to be a rounded, clean, and modern look while still providing eye candy when looking at the recent games. This was my first theme pack and my first attempt at learning a variety of new CSS changes such as fonts and backgrounds that work on the go.", 4 | "author": "EMERALD#0874", 5 | "target": "System-Wide", 6 | "version": "v1.9", 7 | "manifest_version": 2, 8 | "inject": { 9 | "background.css": ["SP"] 10 | }, 11 | "patches": { 12 | "Installation": { 13 | "default": "All", 14 | "type": "dropdown", 15 | "values": { 16 | "All": { 17 | "center-recents.css": ["SP"], 18 | "colors.css": ["SP", "MainMenu", "QuickAccess"], 19 | "fonts.css": ["SP", "MainMenu", "QuickAccess"], 20 | "round.css": ["SP"], 21 | "round-outline.css": ["SP"] 22 | }, 23 | "Only colors and fonts": { 24 | "colors.css": ["SP", "MainMenu", "QuickAccess"], 25 | "fonts.css": ["SP", "MainMenu", "QuickAccess"] 26 | }, 27 | "Only background": {} 28 | } 29 | }, 30 | "Offline Mode": { 31 | "default": "No", 32 | "type": "checkbox", 33 | "values": { 34 | "Yes": { 35 | "offline.css": ["SP", "MainMenu", "QuickAccess"] 36 | }, 37 | "No": {} 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 EMERALD 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Obsidian/colors/blue.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #141427 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/dark-gray.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #121212 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/gray.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #181818 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/green.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #142714 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/indigo.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #1d1427 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/orange.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #2b1c0b !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/red.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #271414 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/violet.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #231427 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/colors/yellow.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #222209 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/other/no-blur.css: -------------------------------------------------------------------------------- 1 | /* Scroll Panel */ 2 | .scrollpanel_ScrollPanel_1CXdi, 3 | .scrollpanel_ScrollY_313lB { 4 | background: var(--obsidian-main-color); 5 | background-color: var(--obsidian-main-color); 6 | } 7 | /* Exception for color adjustment */ 8 | .gamepadui_TransparentBackground_3vBmc .scrollpanel_ScrollPanel_1CXdi, 9 | .gamepadui_TransparentBackground_3vBmc .scrollpanel_ScrollY_313lB { 10 | background: transparent !important; 11 | background-color: transparent !important; 12 | } 13 | 14 | /* Header */ 15 | .gamepadtabbedpage_GamepadTabbedPage_3IBLc.gamepadtabbedpage_IsUnderHeader_31Zle 16 | .gamepadtabbedpage_TabHeaderRowWrapper_2Jobs::before, 17 | .gamepadtabbedpage_TabHeaderRowWrapper_2Jobs.gamepadtabbedpage_ScrolledDown_1jNhb::before { 18 | background: var(--obsidian-main-color); 19 | } 20 | 21 | /* Footer */ 22 | #Footer { 23 | background: var(--obsidian-main-color); 24 | } 25 | -------------------------------------------------------------------------------- /Obsidian/other/no-glow.css: -------------------------------------------------------------------------------- 1 | /* Library glow */ 2 | .appgrid_LibraryImageBackgroundGlow_6zcMs { 3 | display: none; 4 | } 5 | -------------------------------------------------------------------------------- /Obsidian/recents/black.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #000 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/blue.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #00f !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/dark-gray.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #444 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/gray.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #999 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/green.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #0f0 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/indigo.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #40f !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/monochrome.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #fff; 3 | } 4 | .gamepadhomerecentgames_RecentGamesBackgroundImages_30D-8 { 5 | background-color: var(--obsidian-recents-color); 6 | } 7 | img.gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R.gamepadhomerecentgames_OffScreen_Yk-I2::before { 8 | display: none; 9 | } 10 | .gamepadhomerecentgames_RecentGamesBackground_1SRox { 11 | mix-blend-mode: multiply; 12 | } 13 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R { 14 | filter: grayscale(100%) contrast(1); 15 | } 16 | -------------------------------------------------------------------------------- /Obsidian/recents/none.css: -------------------------------------------------------------------------------- 1 | .gamepadhomerecentgames_RecentGamesBackgroundImages_30D-8 { 2 | display: none; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/oled.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: rgb(249, 56, 34) !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/orange.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #f80 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/red.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #f00 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/violet.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #80f !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/recents/yellow.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-recents-color: #ff0 !important; 3 | } 4 | -------------------------------------------------------------------------------- /Obsidian/shared.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --obsidian-main-color: #000; 3 | --obsidian-button-glow: #ffffff90; 4 | } 5 | 6 | /* 7 | HOME PAGE 8 | */ 9 | 10 | /* Remove hovered game glow */ 11 | .gpfocuswithin ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf, 12 | :hover ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf { 13 | opacity: 0; 14 | } 15 | /* Turn backgrounds black */ 16 | .gamepadui_BasicHome_3LYP1.gamepadui_OpaqueBackground_b084m { 17 | background: var(--obsidian-main-color); 18 | } 19 | .gamepadhome_TabbedContent_cE1Sa { 20 | background: var(--obsidian-main-color); 21 | } 22 | .gamepadhomerecentgames_RecentGamesBackgroundFadeGradient_1ksIq { 23 | background: -webkit-gradient( 24 | linear, 25 | left 80%, 26 | left 90%, 27 | from(rgba(0, 0, 0, 0)), 28 | to(var(--obsidian-main-color)) 29 | ), 30 | -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(1%, var(--obsidian-main-color)), color-stop(5%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0)), color-stop(99%, var(--obsidian-main-color))); 31 | } 32 | 33 | /* 34 | LIBRARY 35 | */ 36 | /* Turn backgrounds black */ 37 | .gamepadlibrary_GamepadLibrary_ZBBhe { 38 | background: var(--obsidian-main-color); 39 | } 40 | .steamdeckcompatfilter_CompatFilterDialog_21qvB { 41 | background: var(--obsidian-main-color); 42 | } 43 | .allcollections_Collection_3IWn- { 44 | background: var(--obsidian-main-color); 45 | } 46 | 47 | /* 48 | GAME DETAILS 49 | */ 50 | 51 | /* Turn backgrounds black */ 52 | .basicappdetailssectionstyler_AppDetailsRoot_3fp5y { 53 | background: var(--obsidian-main-color) !important; 54 | } 55 | .DeckVerifiedModalDialogClient .DialogContent, 56 | .DeckVerifiedModalDialog .DialogContent { 57 | background: var(--obsidian-main-color); 58 | } 59 | 60 | /* 61 | STEAM INPUT 62 | */ 63 | 64 | /* Make hovered buttons glow white instead of blue */ 65 | .controllerconfiguratorchoosebinding_TriggerButton_2MjBd.gpfocus, 66 | .controllerconfiguratorchoosebinding_BumperButton_2swvc.gpfocus { 67 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 68 | } 69 | .controllerconfiguratorchoosebinding_SelectButton_3i-XV.gpfocus, 70 | .controllerconfiguratorchoosebinding_StartButton_3s28A.gpfocus { 71 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 72 | } 73 | .controllerconfiguratorchoosebinding_MouseKey_19SMS.gpfocus { 74 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 75 | } 76 | .controllerconfiguratorchoosebinding_KeyboardKey_NoRFS.gpfocus { 77 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 78 | } 79 | .controllerconfiguratorchoosebinding_ControllerActionKey_3yP_p.gpfocus { 80 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 81 | } 82 | .controllerconfiguratorchoosebinding_ControllerActionKey_3yP_p.gpfocus { 83 | filter: drop-shadow(0px 0px 10px var(--obsidian-button-glow)); 84 | } 85 | /* Turn backgrounds black */ 86 | .controllerconfigurator_TopSection_20sN9 { 87 | background: var(--obsidian-main-color); 88 | } 89 | .controllerconfigurator_ControllerConfiguratorMain_APY6j { 90 | background: var(--obsidian-main-color); 91 | } 92 | .controllerconfigurator_BottomSection_3RsRf { 93 | background: var(--obsidian-main-color); 94 | } 95 | .gamepadpagedsettings_PagedSettingDialog_ContentColumn_3JPle { 96 | background: var(--obsidian-main-color); 97 | } 98 | .gamepadpagedsettings_PagedSettingsDialog_PageListColumn_2EZ3o { 99 | background: var(--obsidian-main-color); 100 | } 101 | .gamepadpage_GamepadPage_2FqpD.gamepadpage_DialogBackground_2msTK { 102 | background: var(--obsidian-main-color); 103 | } 104 | .controllerconfigurator_interstitial_ConfiguratorInterstitialContainer_3FS5u { 105 | background: var(--obsidian-main-color); 106 | } 107 | .controllerconfiguratorsummary_ControllerConfiguratorSummary_3TvBV { 108 | background: var(--obsidian-main-color); 109 | } 110 | .controllerconfiguratorchoosebinding_CardinalButtonGroup_3-2qP.controllerconfiguratorchoosebinding_Circle_XDwww::before { 111 | z-index: 10; 112 | } 113 | .controllerconfiguratorchoosebinding_CardinalButtonGroup_3-2qP.controllerconfiguratorchoosebinding_Diamond_32vdo::before { 114 | z-index: 10; 115 | } 116 | 117 | /* 118 | FRIENDS & CHAT 119 | */ 120 | 121 | /* Get rid of glow */ 122 | .SteamDeckChats.gpfocuswithin .chattabs_ChatTab_1WfqA { 123 | box-shadow: none; 124 | } 125 | /* Turn backgrounds black */ 126 | .GamepadMode.friendlist.gpfocuswithin .FriendsListSteamDeckTopSection { 127 | background: var(--obsidian-main-color); 128 | } 129 | .GamepadMode.friendlist { 130 | background-color: var(--obsidian-main-color); 131 | background: var(--obsidian-main-color); 132 | } 133 | .GamepadMode.friendlist.gpfocuswithin { 134 | background-color: var(--obsidian-main-color); 135 | background: var(--obsidian-main-color); 136 | } 137 | .multiChatDialog.GamepadMode, 138 | .GamepadMode .multiChatDialog { 139 | background: var(--obsidian-main-color); 140 | } 141 | .multiChatDialog.GamepadMode.gpfocuswithin, 142 | .GamepadMode .multiChatDialog.gpfocuswithin { 143 | background-color: var(--obsidian-main-color); 144 | background: var(--obsidian-main-color); 145 | } 146 | .friendinvites_InvitesList_3i8Fo { 147 | background-color: var(--obsidian-main-color); 148 | } 149 | 150 | /* 151 | DOWNLOADS 152 | */ 153 | 154 | /* Disable blue glow on hero */ 155 | .downloadgraph_HeroAndLogo_3mZ2r 156 | .downloadgraph_HeroContainer_3WauY 157 | .downloadgraph_HeroGradient_edQzw { 158 | background: none; 159 | } 160 | /* Turn backgrounds black */ 161 | .downloads_DownloadsPage_1bq4x { 162 | background: var(--obsidian-main-color); 163 | } 164 | .downloadgraph_HeroAndLogo_3mZ2r.downloadgraph_Empty_pHDI1 { 165 | background: var(--obsidian-main-color); 166 | } 167 | .downloadgraph_GraphAndStats_3KDkL { 168 | background: var(--obsidian-main-color); 169 | } 170 | .BasicUI .libraryassetimage_GreyBackground_2E7G8 { 171 | background: var(--obsidian-main-color); 172 | } 173 | .downloads_SectionItem_1VNuY.downloads_Active_IbePL { 174 | background: var(--obsidian-main-color); 175 | } 176 | 177 | /* 178 | SETTINGS 179 | */ 180 | 181 | /* Turn backgrounds black */ 182 | .BasicUI .librarysettings_LibrarySettings_2nsOY { 183 | background: var(--obsidian-main-color); 184 | } 185 | .BasicUI .contentmanagement_ContentManagement_3wk64 { 186 | background: var(--obsidian-main-color); 187 | } 188 | 189 | /* 190 | QUICK ACCESS 191 | */ 192 | 193 | /* Turn backgrounds black */ 194 | .quickaccessmenu_QuickAccessMenu_V0cr- { 195 | background: var(--obsidian-main-color); 196 | } 197 | .quickaccessmenu_Tab_1S76C.quickaccessmenu_Selected_2QHMu { 198 | background-color: #22262b; 199 | } 200 | .quickaccessmenu_Tab_1S76C { 201 | background-color: var(--obsidian-main-color); 202 | } 203 | .quickaccessmenu_Title_34nl5 { 204 | background: var(--obsidian-main-color); 205 | box-shadow: none; 206 | } 207 | .GamepadMode.friendlist { 208 | background: var(--obsidian-main-color); 209 | } 210 | .GamepadMode.friendlist .FriendsListSteamDeckTabs { 211 | background-color: var(--obsidian-main-color); 212 | } 213 | 214 | .header_Header_1E_SL.header_InQuickAccess_2mRo5{ 215 | background-color: var(--obsidian-main-color); 216 | } 217 | 218 | .quickaccessmenu_Menu_1gJzx::before { 219 | background: var(--obsidian-main-color) !important; 220 | } 221 | 222 | /* 223 | OTHER 224 | */ 225 | 226 | /* Context menu buttons */ 227 | /* Don't set !important as it's break button highlight color */ 228 | .gamepadcontextmenu_contextMenuItem_1sdvo { 229 | background: var(--obsidian-main-color); 230 | } 231 | .gamepadcontextmenu_contextMenuItem_1sdvo.Stream, 232 | .gamepadcontextmenu_contextMenuItem_1sdvo.Connect, 233 | .gamepadcontextmenu_contextMenuItem_1sdvo.Launch, 234 | .gamepadcontextmenu_contextMenuItem_1sdvo.PlayMusic, 235 | .gamepadcontextmenu_contextMenuItem_1sdvo.Play, 236 | .gamepadcontextmenu_contextMenuItem_1sdvo.Resume, 237 | .gamepadcontextmenu_contextMenuItem_1sdvo.BorrowApp, 238 | .gamepadcontextmenu_contextMenuItem_1sdvo.Download, 239 | .gamepadcontextmenu_contextMenuItem_1sdvo.Update, 240 | .gamepadcontextmenu_contextMenuItem_1sdvo.PreLoad, 241 | .gamepadcontextmenu_contextMenuItem_1sdvo.Install, 242 | .gamepadcontextmenu_contextMenuItem_1sdvo.Pause, 243 | .gamepadcontextmenu_contextMenuItem_1sdvo.Stop, 244 | .gamepadcontextmenu_contextMenuItem_1sdvo.Cancel { 245 | background: var(--obsidian-main-color); 246 | } 247 | /* Navigation */ 248 | .mainmenu_Menu_23IDi { 249 | background: var(--obsidian-main-color); 250 | } 251 | /* Power menu */ 252 | .gamepadui_GamepadDialogOverlay_34Euf .ModalOverlayBackground { 253 | background: var(--obsidian-main-color) 000dd; 254 | } 255 | /* Search */ 256 | .gamepadsearch_GamepadSearch_P_AlE { 257 | background: var(--obsidian-main-color); 258 | } 259 | /* Volume panel */ 260 | /* Don't set !important as it's not required */ 261 | .audio_VolumePopin_2iUUM { 262 | background: var(--obsidian-main-color); 263 | } 264 | .gamepadslider_SliderTrack_Mq25N { 265 | background: #23262e; 266 | } 267 | .gamepaddialog_Field_S-_La.gamepaddialog_WithBottomSeparatorStandard_3s1Rk::after { 268 | background: unset; 269 | } 270 | /* Media upload */ 271 | .gamepaddialog_ModalPosition_30VHl > .gamepaddialog_GamepadDialogContent_3joNk { 272 | background: var(--obsidian-main-color); 273 | } 274 | /* Notification */ 275 | /* Notification (Stable) */ 276 | .notificationcontent_ShortTemplate_2w-Eq, 277 | .notificationcontent_PinnedTemplate_H_NPi, 278 | .notificationcontent_StandardTemplate_1B_uv, 279 | .notificationcontent_ShortTemplate_nwer8, 280 | .notificationcontent_StandardTemplate_5HZT7, 281 | .notificationcontent_PinnedTemplateDesktop_1-8YO, 282 | .notificationcontent_PinnedTemplate_1X-O1 { 283 | background: var(--obsidian-main-color); 284 | } 285 | /* Notification (Beta) */ 286 | .shorttemplates_ShortTemplate_29NLb { 287 | background: var(--obsidian-main-color); 288 | } 289 | /* Tabbed Page Contents */ 290 | .gamepadtabbedpage_TabContents_WDa0_ { 291 | background: var(--obsidian-main-color); 292 | } 293 | /* Loading Screen */ 294 | .loadingthrobber_Container_3sa1N, 295 | .loadingthrobber_Container_3sa1N.loadingthrobber_PreloadThrobber_1-epa { 296 | background: var(--obsidian-main-color) !important; 297 | } 298 | .spinnyboi { 299 | background: var(--obsidian-main-color) !important; 300 | } 301 | /* Lock screen */ 302 | .lockscreen_Container_3rFFU { 303 | background: var(--obsidian-main-color); 304 | } 305 | /* Console */ 306 | .console_Console_1fuML { 307 | background-color: var(--obsidian-main-color); 308 | } 309 | .console_Suggestion_3C1UC { 310 | color: #ffffff; 311 | } 312 | /* Other Steam Big Picture Mode Components */ 313 | /* Settings Container */ 314 | .settings-container { 315 | background-color: var(--obsidian-main-color) !important; 316 | } 317 | -------------------------------------------------------------------------------- /Obsidian/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Obsidian", 3 | "description": "This theme is based off of pure black themes commonly created for AMOLED devices. There are options for different dark colors and a custom color picker. Some elements with blur and glow effects have been disabled by default but can be enabled in the settings.", 4 | "author": "EMERALD0874", 5 | "version": "v4.2", 6 | "manifest_version": 6, 7 | "inject": { 8 | "shared.css": ["SP", "MainMenu", "QuickAccess", "notificationtoasts.*"] 9 | }, 10 | "target": "System-Wide", 11 | "patches": { 12 | "Main Color": { 13 | "default": "Black", 14 | "type": "dropdown", 15 | "values": { 16 | "Black": {}, 17 | "Dark Gray": { 18 | "colors/dark-gray.css": [ 19 | "SP", 20 | "MainMenu", 21 | "QuickAccess", 22 | "notificationtoasts.*" 23 | ] 24 | }, 25 | "Gray": { 26 | "colors/gray.css": [ 27 | "SP", 28 | "MainMenu", 29 | "QuickAccess", 30 | "notificationtoasts.*" 31 | ] 32 | }, 33 | "Red": { 34 | "colors/red.css": [ 35 | "SP", 36 | "MainMenu", 37 | "QuickAccess", 38 | "notificationtoasts.*" 39 | ] 40 | }, 41 | "Orange": { 42 | "colors/orange.css": [ 43 | "SP", 44 | "MainMenu", 45 | "QuickAccess", 46 | "notificationtoasts.*" 47 | ] 48 | }, 49 | "Yellow": { 50 | "colors/yellow.css": [ 51 | "SP", 52 | "MainMenu", 53 | "QuickAccess", 54 | "notificationtoasts.*" 55 | ] 56 | }, 57 | "Green": { 58 | "colors/green.css": [ 59 | "SP", 60 | "MainMenu", 61 | "QuickAccess", 62 | "notificationtoasts.*" 63 | ] 64 | }, 65 | "Blue": { 66 | "colors/blue.css": [ 67 | "SP", 68 | "MainMenu", 69 | "QuickAccess", 70 | "notificationtoasts.*" 71 | ] 72 | }, 73 | "Indigo": { 74 | "colors/indigo.css": [ 75 | "SP", 76 | "MainMenu", 77 | "QuickAccess", 78 | "notificationtoasts.*" 79 | ] 80 | }, 81 | "Violet": { 82 | "colors/violet.css": [ 83 | "SP", 84 | "MainMenu", 85 | "QuickAccess", 86 | "notificationtoasts.*" 87 | ] 88 | }, 89 | "Custom": {} 90 | }, 91 | "components": [ 92 | { 93 | "name": "Background Color", 94 | "type": "color-picker", 95 | "on": "Custom", 96 | "default": "#000", 97 | "css_variable": "--obsidian-main-color", 98 | "tabs": ["SP", "MainMenu", "QuickAccess"] 99 | } 100 | ] 101 | }, 102 | "Recent Games Background": { 103 | "default": "White", 104 | "type": "dropdown", 105 | "values": { 106 | "Default": {}, 107 | "None": { 108 | "recents/none.css": ["SP"] 109 | }, 110 | "White": { 111 | "recents/monochrome.css": ["SP"] 112 | }, 113 | "Gray": { 114 | "recents/monochrome.css": ["SP"], 115 | "recents/gray.css": ["SP"] 116 | }, 117 | "Dark Gray": { 118 | "recents/monochrome.css": ["SP"], 119 | "recents/dark-gray.css": ["SP"] 120 | }, 121 | "Black": { 122 | "recents/monochrome.css": ["SP"], 123 | "recents/black.css": ["SP"] 124 | }, 125 | "Red": { 126 | "recents/monochrome.css": ["SP"], 127 | "recents/red.css": ["SP"] 128 | }, 129 | "Orange": { 130 | "recents/monochrome.css": ["SP"], 131 | "recents/orange.css": ["SP"] 132 | }, 133 | "Yellow": { 134 | "recents/monochrome.css": ["SP"], 135 | "recents/yellow.css": ["SP"] 136 | }, 137 | "Green": { 138 | "recents/monochrome.css": ["SP"], 139 | "recents/green.css": ["SP"] 140 | }, 141 | "Blue": { 142 | "recents/monochrome.css": ["SP"], 143 | "recents/blue.css": ["SP"] 144 | }, 145 | "Indigo": { 146 | "recents/monochrome.css": ["SP"], 147 | "recents/indigo.css": ["SP"] 148 | }, 149 | "Violet": { 150 | "recents/monochrome.css": ["SP"], 151 | "recents/violet.css": ["SP"] 152 | }, 153 | "OLED Limited Edition": { 154 | "recents/monochrome.css": ["SP"], 155 | "recents/oled.css": ["SP"] 156 | }, 157 | "Custom": { 158 | "recents/monochrome.css": ["SP"] 159 | } 160 | }, 161 | "components": [ 162 | { 163 | "name": "Recent Games Color", 164 | "type": "color-picker", 165 | "on": "Custom", 166 | "default": "#fff", 167 | "css_variable": "--obsidian-recents-color", 168 | "tabs": ["SP"] 169 | } 170 | ] 171 | }, 172 | "Disable Blur": { 173 | "default": "Yes", 174 | "type": "checkbox", 175 | "values": { 176 | "Yes": { 177 | "other/no-blur.css": [ 178 | "SP", 179 | "MainMenu", 180 | "QuickAccess", 181 | "notificationtoasts.*" 182 | ] 183 | }, 184 | "No": {} 185 | } 186 | }, 187 | "Disable Glow": { 188 | "default": "Yes", 189 | "type": "checkbox", 190 | "values": { 191 | "Yes": { 192 | "other/no-glow.css": [ 193 | "SP", 194 | "MainMenu", 195 | "QuickAccess", 196 | "notificationtoasts.*" 197 | ] 198 | }, 199 | "No": {} 200 | } 201 | } 202 | } 203 | } 204 | -------------------------------------------------------------------------------- /Phantom/bright-color-fix.css: -------------------------------------------------------------------------------- 1 | .gamepadlibrary_GamepadLibrary_ZBBhe .gamepadtabbedpage_Tab_3eEbS { 2 | color: #000; 3 | } 4 | .gamepadlibrary_GamepadLibrary_ZBBhe 5 | .gamepadtabbedpage_Selected_3Gp1b.gamepadtabbedpage_Tab_3eEbS { 6 | color: #fff; 7 | } 8 | .gamepadlibrary_GamepadLibrary_ZBBhe 9 | .gamepadtabbedpage_Tab_3eEbS 10 | .gamepadtabbedpage_TabCount_1ui4I { 11 | color: #333; 12 | } 13 | .gamepadhomerecentgames_RecentGamesHeader_35iRe { 14 | color: #000; 15 | } 16 | .gamepadhome_RecentSection_39tNv 17 | .appportrait_PortraitMessage_3gwMk.appportrait_Message_3CRLA { 18 | color: #000; 19 | } 20 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 21 | .basicgamecarousel_SubMessage_1BtXg { 22 | color: #333; 23 | } 24 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 25 | .basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_FriendsInGame_3z5U1 { 26 | color: #59bf40; 27 | } 28 | -------------------------------------------------------------------------------- /Phantom/colors.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #000; 3 | } 4 | 5 | /* Turn the header art to grayscale */ 6 | .gamepadhomerecentgames_RecentGamesBackground_1SRox { 7 | filter: grayscale(1); 8 | opacity: 0.5 !important; 9 | } 10 | 11 | /* Make recent games colored */ 12 | .gamepadhome_RecentSection_39tNv { 13 | background: var(--phantom-color) !important; 14 | } 15 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 16 | .basicgamecarousel_SubMessage_1BtXg { 17 | color: #ccc; 18 | } 19 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 20 | .basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_FriendsInGame_3z5U1 { 21 | color: #59bf40; 22 | } 23 | .gamepadhomerecentgames_RecentGamesBackgroundFadeGradient_1ksIq { 24 | background: none; 25 | } 26 | 27 | /* Stylize library */ 28 | .gamepadlibrary_GamepadLibrary_ZBBhe, 29 | .gamepadlibrary_GamepadLibrary_ZBBhe .scrollpanel_ScrollPanel_1CXdi, 30 | .gamepadlibrary_GamepadLibrary_ZBBhe 31 | .gamepadtabbedpage_TabHeaderRowWrapper_2Jobs::before { 32 | background: var(--phantom-color) !important; 33 | } 34 | .gamepadlibrary_GamepadLibrary_ZBBhe 35 | .gamepadtabbedpage_Tab_3eEbS.gamepadtabbedpage_Selected_3Gp1b { 36 | background: #000 !important; 37 | } 38 | .gamepadlibrary_GamepadLibrary_ZBBhe 39 | .gamepadtabbedpage_Tab_3eEbS.gamepadtabbedpage_Selected_3Gp1b.gpfocus { 40 | background: #222 !important; 41 | } 42 | .gamepadlibrary_GamepadLibrary_ZBBhe .gamepadtabbedpage_Tab_3eEbS.gpfocus { 43 | color: #fff !important; 44 | } 45 | .gamepadlibrary_GamepadLibrary_ZBBhe 46 | .gamepadtabbedpage_Tab_3eEbS 47 | .gamepadtabbedpage_TabCount_1ui4I { 48 | color: #ccc; 49 | } 50 | .gamepadlibrary_GamepadLibrary_ZBBhe 51 | .gamepadtabbedpage_Tab_3eEbS.gpfocus 52 | .gamepadtabbedpage_TabCount_1ui4I { 53 | color: #ccc !important; 54 | } 55 | -------------------------------------------------------------------------------- /Phantom/colors/crow.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #a38151 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1.1) brightness(1.25); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/fox.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #26cef7 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: hue-rotate(10deg); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/joker.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #830600 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(2) brightness(0.75); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/mona.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #007de5 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1) brightness(1.2); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/noir.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #a155bf !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1) brightness(1.05); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/oracle.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #4ded08 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1) brightness(1.1); 6 | } 7 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 8 | .basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_SubMessage_1BtXg.basicgamecarousel_FriendsInGame_3z5U1 { 9 | color: #ccc; 10 | } 11 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 12 | .basicgamecarousel_Play_12eKc 13 | .basicgamecarousel_ActionIcon_25Qbo { 14 | color: #ccc; 15 | } 16 | -------------------------------------------------------------------------------- /Phantom/colors/panther.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #f77dbe !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1.2) brightness(1.1) hue-rotate(10deg); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/queen.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #2540b0 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1) brightness(1.2); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/skull.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #fede00 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(0.9) brightness(1.05); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/sophie.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #e03500 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1) brightness(0.9); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/thirdsem.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #baeaea !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(1.5) brightness(1.2); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/colors/velvet.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --phantom-color: #0700b9 !important; 3 | } 4 | .gamepadhomerecentgames_RecentGamesContainer_2_cRk { 5 | backdrop-filter: saturate(2) brightness(1); 6 | } 7 | -------------------------------------------------------------------------------- /Phantom/flat.css: -------------------------------------------------------------------------------- 1 | /* Remove hovered game glow */ 2 | .gpfocuswithin ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf, 3 | :hover ~ .basicgamecarousel_CarouselCapsuleBackgroundGlow_1H3Kf { 4 | /* SGDB messes with opacity, so override it */ 5 | display: none; 6 | } 7 | 8 | /* Remove hovered game brightness */ 9 | .BasicUI .appportrait_LibraryItemBox_WYgDg::after { 10 | background: none; 11 | } 12 | .BasicUI .appportrait_LibraryItemBox_WYgDg.Focusable:focus { 13 | filter: brightness(0.909); 14 | } 15 | 16 | /* Get rid of header art scaling */ 17 | @keyframes gamepadhomerecentgames_OpacityIn { 18 | from { 19 | opacity: 0; 20 | } 21 | to { 22 | opacity: 0.5; 23 | } 24 | } 25 | @keyframes gamepadhomerecentgames_OpacityOut { 26 | from { 27 | opacity: 0.5; 28 | } 29 | to { 30 | opacity: 0; 31 | } 32 | } 33 | .gamepadhomerecentgames_RecentGamesBackground_1SRox { 34 | transform: none; 35 | } 36 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R { 37 | -webkit-mask-image: none; 38 | } 39 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R.gamepadhomerecentgames_MoveLeft_30M_n:not( 40 | .gamepadhomerecentgames_OffScreen_Yk-I2 41 | ) { 42 | animation-name: gamepadhomerecentgames_OpacityIn; 43 | } 44 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R.gamepadhomerecentgames_OffScreen_Yk-I2.gamepadhomerecentgames_MoveLeft_30M_n { 45 | animation-name: gamepadhomerecentgames_OpacityOut; 46 | } 47 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R.gamepadhomerecentgames_MoveRight_3dyds:not( 48 | .gamepadhomerecentgames_OffScreen_Yk-I2 49 | ) { 50 | animation-name: gamepadhomerecentgames_OpacityIn; 51 | } 52 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R.gamepadhomerecentgames_OffScreen_Yk-I2.gamepadhomerecentgames_MoveRight_3dyds { 53 | animation-name: gamepadhomerecentgames_OpacityOut; 54 | } 55 | -------------------------------------------------------------------------------- /Phantom/games.css: -------------------------------------------------------------------------------- 1 | /* 2 | ~ RECENT GAMES ~ 3 | */ 4 | .BasicUI .appportrait_LibraryItemBox_WYgDg.Focusable:focus { 5 | outline: none; 6 | animation: none; 7 | } 8 | .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J 9 | > .libraryassetimage_PortraitImage_3Ehhd 10 | > img, 11 | .appportrait_InRecentGames_biTV-.appportrait_FeaturedCapsule_xp7A- 12 | > .libraryassetimage_LandscapeImage_ZsU8n 13 | > img, 14 | .appgrid_YourCollection_11p6F 15 | > * 16 | > .appportrait_Portrait_1Pf6J 17 | > .libraryassetimage_PortraitImage_3Ehhd 18 | > img { 19 | top: 7%; 20 | left: 7%; 21 | width: 86%; 22 | height: 86%; 23 | } 24 | /* Most recent game */ 25 | .appportrait_InRecentGames_biTV-.appportrait_FeaturedCapsule_xp7A- { 26 | background-image: url("/themes_custom/Phantom/images/landscape_1.png"); 27 | background-size: cover; 28 | -webkit-mask-image: url("/themes_custom/Phantom/images/landscape_1_mask2.png"); 29 | -webkit-mask-size: cover; 30 | } 31 | .appportrait_InRecentGames_biTV-.appportrait_FeaturedCapsule_xp7A- 32 | > .libraryassetimage_LandscapeImage_ZsU8n { 33 | -webkit-mask-image: url("/themes_custom/Phantom/images/landscape_1_mask.png"); 34 | -webkit-mask-size: cover; 35 | } 36 | /* First in both, fifth in library */ 37 | *:nth-child(4n-2) 38 | > * 39 | > * 40 | > * 41 | > * 42 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J, 43 | .appgrid_YourCollection_11p6F > *:nth-child(5n-4) .appportrait_Portrait_1Pf6J, 44 | .appgrid_YourCollection_11p6F > *:nth-child(5n) .appportrait_Portrait_1Pf6J { 45 | background-image: url("/themes_custom/Phantom/images/portrait_1.png"); 46 | background-size: cover; 47 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_1_mask2.png"); 48 | -webkit-mask-size: cover; 49 | } 50 | *:nth-child(4n-2) 51 | > * 52 | > * 53 | > * 54 | > * 55 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J 56 | > .libraryassetimage_PortraitImage_3Ehhd, 57 | .appgrid_YourCollection_11p6F 58 | > *:nth-child(5n-4) 59 | .appportrait_Portrait_1Pf6J 60 | > .libraryassetimage_PortraitImage_3Ehhd, 61 | .appgrid_YourCollection_11p6F 62 | > *:nth-child(5n) 63 | .appportrait_Portrait_1Pf6J 64 | > .libraryassetimage_PortraitImage_3Ehhd { 65 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_1_mask.png"); 66 | -webkit-mask-size: cover; 67 | } 68 | /* Second */ 69 | *:nth-child(4n-1) 70 | > * 71 | > * 72 | > * 73 | > * 74 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J, 75 | .appgrid_YourCollection_11p6F > *:nth-child(5n-3) .appportrait_Portrait_1Pf6J { 76 | background-image: url("/themes_custom/Phantom/images/portrait_2.png"); 77 | background-size: cover; 78 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_2.png"); 79 | -webkit-mask-size: cover; 80 | } 81 | *:nth-child(4n-1) 82 | > * 83 | > * 84 | > * 85 | > * 86 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J 87 | > .libraryassetimage_PortraitImage_3Ehhd, 88 | .appgrid_YourCollection_11p6F 89 | > *:nth-child(5n-3) 90 | .appportrait_Portrait_1Pf6J 91 | > .libraryassetimage_PortraitImage_3Ehhd { 92 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_2_mask.png"); 93 | -webkit-mask-size: cover; 94 | } 95 | /* Third */ 96 | *:nth-child(4n) 97 | > * 98 | > * 99 | > * 100 | > * 101 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J, 102 | .appgrid_YourCollection_11p6F > *:nth-child(5n-2) .appportrait_Portrait_1Pf6J { 103 | background-image: url("/themes_custom/Phantom/images/portrait_3.png"); 104 | background-size: cover; 105 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_3_mask2.png"); 106 | -webkit-mask-size: cover; 107 | } 108 | *:nth-child(4n) 109 | > * 110 | > * 111 | > * 112 | > * 113 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J 114 | > .libraryassetimage_PortraitImage_3Ehhd, 115 | .appgrid_YourCollection_11p6F 116 | > *:nth-child(5n-2) 117 | .appportrait_Portrait_1Pf6J 118 | > .libraryassetimage_PortraitImage_3Ehhd { 119 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_3_mask.png"); 120 | -webkit-mask-size: cover; 121 | } 122 | /* Fourth */ 123 | *:nth-child(4n-3) 124 | > * 125 | > * 126 | > * 127 | > * 128 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J, 129 | .appgrid_YourCollection_11p6F > *:nth-child(5n-1) .appportrait_Portrait_1Pf6J { 130 | background-image: url("/themes_custom/Phantom/images/portrait_4.png"); 131 | background-size: cover; 132 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_4_mask2.png"); 133 | -webkit-mask-size: cover; 134 | } 135 | *:nth-child(4n-3) 136 | > * 137 | > * 138 | > * 139 | > * 140 | > .appportrait_InRecentGames_biTV-.appportrait_Portrait_1Pf6J 141 | > .libraryassetimage_PortraitImage_3Ehhd, 142 | .appgrid_YourCollection_11p6F 143 | > *:nth-child(5n-1) 144 | .appportrait_Portrait_1Pf6J 145 | > .libraryassetimage_PortraitImage_3Ehhd { 146 | -webkit-mask-image: url("/themes_custom/Phantom/images/portrait_4_mask.png"); 147 | -webkit-mask-size: cover; 148 | } 149 | /* View more */ 150 | .basicgamecarousel_BasicGameCarouselItem_3YYQ9 151 | .basicgamecarousel_TextBoxCarouselContents_3bvCH { 152 | background: linear-gradient(313deg, #333333, #555555); 153 | border: 6px black solid; 154 | } 155 | -------------------------------------------------------------------------------- /Phantom/images/landscape_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/landscape_1.png -------------------------------------------------------------------------------- /Phantom/images/landscape_1_mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/landscape_1_mask.png -------------------------------------------------------------------------------- /Phantom/images/landscape_1_mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/landscape_1_mask2.png -------------------------------------------------------------------------------- /Phantom/images/portrait_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_1.png -------------------------------------------------------------------------------- /Phantom/images/portrait_1_mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_1_mask.png -------------------------------------------------------------------------------- /Phantom/images/portrait_1_mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_1_mask2.png -------------------------------------------------------------------------------- /Phantom/images/portrait_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_2.png -------------------------------------------------------------------------------- /Phantom/images/portrait_2_mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_2_mask.png -------------------------------------------------------------------------------- /Phantom/images/portrait_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_3.png -------------------------------------------------------------------------------- /Phantom/images/portrait_3_mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_3_mask.png -------------------------------------------------------------------------------- /Phantom/images/portrait_3_mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_3_mask2.png -------------------------------------------------------------------------------- /Phantom/images/portrait_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_4.png -------------------------------------------------------------------------------- /Phantom/images/portrait_4_mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_4_mask.png -------------------------------------------------------------------------------- /Phantom/images/portrait_4_mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/portrait_4_mask2.png -------------------------------------------------------------------------------- /Phantom/images/recents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/Phantom/images/recents.png -------------------------------------------------------------------------------- /Phantom/release.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": [ 3 | "images/landscape_1_mask.png", 4 | "images/landscape_1_mask2.png", 5 | "images/landscape_1.png", 6 | "images/portrait_1_mask.png", 7 | "images/portrait_1_mask2.png", 8 | "images/portrait_1.png", 9 | "images/portrait_2_mask.png", 10 | "images/portrait_2.png", 11 | "images/portrait_3_mask.png", 12 | "images/portrait_3_mask2.png", 13 | "images/portrait_3.png", 14 | "images/portrait_4_mask.png", 15 | "images/portrait_4_mask2.png", 16 | "images/portrait_4.png", 17 | "images/recents.png" 18 | ], 19 | "ignore": [] 20 | } 21 | -------------------------------------------------------------------------------- /Phantom/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Phantom", 3 | "description": "Join The Phantom Thieves of Hearts with this theme that stylizes your recent games and library to look like the UI from Persona 5. Obsidian is recommended to be used alongside this theme.", 4 | "author": "EMERALD#0874", 5 | "target": "System-Wide", 6 | "version": "v2.3", 7 | "manifest_version": 2, 8 | "inject": {}, 9 | "patches": { 10 | "Color Choice": { 11 | "default": "Red (Joker / Violet)", 12 | "type": "dropdown", 13 | "values": { 14 | "None": {}, 15 | "Red (Joker / Violet)": { 16 | "colors.css": ["SP"], 17 | "colors/joker.css": ["SP"] 18 | }, 19 | "Yellow (Skull)": { 20 | "colors.css": ["SP"], 21 | "colors/skull.css": ["SP"], 22 | "bright-color-fix.css": ["SP"] 23 | }, 24 | "Light Blue (Mona / Wolf)": { 25 | "colors.css": ["SP"], 26 | "colors/mona.css": ["SP"] 27 | }, 28 | "Pink (Panther)": { 29 | "colors.css": ["SP"], 30 | "colors/panther.css": ["SP"] 31 | }, 32 | "Cyan (Fox)": { "colors.css": ["SP"], "colors/fox.css": ["SP"] }, 33 | "Blue (Queen)": { "colors.css": ["SP"], "colors/queen.css": ["SP"] }, 34 | "Green (Oracle)": { "colors.css": ["SP"], "colors/oracle.css": ["SP"] }, 35 | "Purple (Noir)": { "colors.css": ["SP"], "colors/noir.css": ["SP"] }, 36 | "Brown (Crow)": { "colors.css": ["SP"], "colors/crow.css": ["SP"] }, 37 | "Orange (Sophie)": { 38 | "colors.css": ["SP"], 39 | "colors/sophie.css": ["SP"] 40 | }, 41 | "Dark Blue (Velvet Room)": { 42 | "colors.css": ["SP"], 43 | "colors/velvet.css": ["SP"] 44 | }, 45 | "Pale Blue (???)": { 46 | "colors.css": ["SP"], 47 | "colors/thirdsem.css": ["SP"], 48 | "bright-color-fix.css": ["SP"] 49 | } 50 | } 51 | }, 52 | "Flat": { 53 | "default": "Yes", 54 | "type": "checkbox", 55 | "values": { 56 | "Yes": { "flat.css": ["SP"] }, 57 | "No": {} 58 | } 59 | }, 60 | "Style": { 61 | "default": "All", 62 | "type": "dropdown", 63 | "values": { 64 | "All": { 65 | "games.css": ["SP"], 66 | "zigzag.css": ["SP"] 67 | }, 68 | "Background Only": { 69 | "zigzag.css": ["SP"] 70 | }, 71 | "Banners Only": { 72 | "games.css": ["SP"] 73 | } 74 | } 75 | } 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /Phantom/zigzag.css: -------------------------------------------------------------------------------- 1 | /* 2 | ~ RECENT GAMES ~ 3 | */ 4 | .gamepadhomerecentgames_RecentGamesInnerContainer_282X0 5 | > div 6 | > div 7 | > .basicgamecarousel_BasicGameCarousel_3MdH5 { 8 | background-image: url("/themes_custom/Phantom/images/recents.png"); 9 | background-size: contain; 10 | background-attachment: local; 11 | } 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Steam Deck Themes 2 | 3 | This repository contains various themes that I created for use with [suchmememanyskill's Steam Deck CSS loader](https://github.com/suchmememanyskill/SDH-CssLoader). Many of these themes are smaller components that can be built upon, such as a centered home screen. Please feel free to use my work as a part of your own themes. Attribution is always appreciated but not required. 4 | 5 | ## Installation 6 | 7 | 1. Install the [Steam Deck plugin loader](https://github.com/SteamDeckHomebrew/decky-loader). The pre-release is recommended at the time of this guide being written. 8 | 1. Open the Plugins section in the Quick Access menu. 9 | 1. Open the [Plugin Store](https://beta.deckbrew.xyz/) using the shopping bag icon in the top-right corner. 10 | 1. Install the [CSS Loader plugin](https://github.com/suchmememanyskill/SDH-CssLoader). 11 | 1. Choose a theme installation method below. 12 | 13 | ### Using the Theme Manager 14 | 15 | 1. Open the Plugins section in the Quick Access menu. 16 | 1. Open the CSS Loader plugin. 17 | 1. Select Manage Themes. 18 | 1. Find the theme(s) you want to install. 19 | 1. Select View Details. 20 | 1. Select Install. 21 | 1. Return to the CSS Loader plugin. 22 | 1. Enable your desired theme(s). 23 | 24 | ### Manually Adding Themes 25 | 26 | 1. Hold the power button and select Switch to Desktop. 27 | 1. Download this repository. 28 | 1. Open a file browser. 29 | 1. Navigate to `/home/deck/homebrew/themes`. 30 | 1. Copy the desired folder(s) from this repository (ex. `Obsidian`) into the `themes` folder. You do not need to copy the `resources` folder. 31 | 1. Select Return to Gaming Mode on the desktop. 32 | 1. Open the Plugins section in the Quick Access menu. 33 | 1. Open the CSS Loader plugin. 34 | 1. Enable your installed theme(s). 35 | 36 | ## Detailed Themes 37 | 38 | Below are previews and brief descriptions for each detailed theme. These are larger themes that contain a variety of changes to overhaul the Steam Deck interface. 39 | 40 | ### Galactic 41 | 42 | This theme is intended to be a rounded, clean, and modern look while still providing eye candy when looking at the recent games. This was my first theme pack and my 43 | first attempt at learning a variety of new CSS changes such as fonts and backgrounds that work on the go. 44 | 45 | ![Galactic theme](./resources/images/readme/galactic.jpg) 46 | 47 | ### Phantom 48 | 49 | Join The Phantom Thieves of Hearts with this theme that stylizes your recent games and library to look like the UI from Persona 5. Obsidian is recommended to be used 50 | alongside this theme. 51 | 52 | ![Phantom theme](./resources/images/readme/phantom.jpg) 53 | 54 | ## Themes 55 | 56 | Below are previews and brief descriptions for each theme. These are generally smaller themes that are meant to be combined with other themes or used on their own to 57 | provide minimal changes to the Steam Deck interface. 58 | 59 | ### Centered Home 60 | 61 | This theme makes the recent games section take up the full screen and centers it vertically. Options are provided for hiding and showing the header as well as whether 62 | or not to consider the title of the game when centering vertically (assuming the header is hidden). I recommend using this with the Static Background theme by SuchMeme 63 | pictured below. 64 | 65 | ![Centered Home theme](./resources/images/readme/centered-home.jpg) 66 | 67 | ### Fonts 68 | 69 | This theme adds a variety of fonts and control over capitalization to the Steam Deck. Fonts used in any of my other themes as well as certain unique fonts are available 70 | through this theme. Fonts is not accepting new fonts unless they have a reasonable basis (ex. accessibility improvements). Pictured below is Roboto with standard capitalization enforced. 71 | 72 | ![Fonts preview](./resources/images/readme/fonts.jpg) 73 | 74 | ### Obsidian 75 | 76 | This theme is based off of pure black themes commonly created for AMOLED devices. Although the Steam Deck has an LCD screen, I find the darker colors easier on my eyes 77 | and less Steam-themed. There are also options for dark gray, gray, and dark variants of all colors of the rainbow. 78 | 79 | ![Obsidian theme](./resources/images/readme/obsidian.png) 80 | 81 | ### Round 82 | 83 | This theme adds round edges to any image that can reasonably have them. Certain images like achievements, trading cards, and profile pictures have been left as-is to 84 | avoid removing any detail. Anything largely rectangular or difficult to round (ex. sets of buttons, chat, header) has also been left as-is. 85 | 86 | ![Round theme](./resources/images/readme/round.jpg) 87 | 88 | ## Contribution 89 | 90 | If you want to contribute to my themes, please create an issue first and only do so to fix missing style changes. Make sure to specify in your pull request what I 91 | missed and include screenshots of how you fixed it. I greatly appreciate any help in refining my themes. 92 | -------------------------------------------------------------------------------- /Round/hide-outline.css: -------------------------------------------------------------------------------- 1 | .BasicUI .appportrait_LibraryItemBox_WYgDg.Focusable:focus { 2 | outline: none; 3 | animation: none; 4 | } 5 | 6 | .focusring_FocusRing_1IZrQ { 7 | outline: none; 8 | animation: none; 9 | } 10 | -------------------------------------------------------------------------------- /Round/intensity/10px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 10px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/intensity/15px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 15px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/intensity/20px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 20px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/intensity/30px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 30px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/intensity/3px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 3px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/intensity/5px.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: 5px !important; 3 | } 4 | -------------------------------------------------------------------------------- /Round/round-outline.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: none; 3 | } 4 | 5 | .gpfocus .basicpartnereventspage_BasicPartnerEvent_2yuwU { 6 | outline: none; 7 | border: 2px solid rgba(255, 255, 255, 0.6); 8 | border-radius: calc(var(--round-radius-size) + 2px); 9 | margin: 54px auto 14px auto; 10 | } 11 | 12 | .focusring_FocusRing_1IZrQ { 13 | outline: none; 14 | border: 2px solid rgba(255, 255, 255, 0.6); 15 | border-radius: calc(var(--round-radius-size) + 2px); 16 | margin: -2px; 17 | animation: focusring_growOutline_Z3LxS_alt 0.4s ease, 18 | focusring_fadeOutline_2hZu3_alt 0.4s ease, 19 | focusring_blinker_3wFMM_alt 1.2s ease-in-out 0.4s 20; 20 | } 21 | 22 | @keyframes focusring_growOutline_Z3LxS_alt { 23 | 0% { 24 | border: 12px solid; 25 | margin: -12px; 26 | border-radius: calc(var(--round-radius-size) + 10px); 27 | } 28 | 100% { 29 | border: 2px solid; 30 | margin: -2px; 31 | border-radius: calc(var(--round-radius-size) + 2px); 32 | } 33 | } 34 | @keyframes focusring_fadeOutline_2hZu3_alt { 35 | 0% { 36 | border-color: rgba(255, 255, 255, 0); 37 | } 38 | 100% { 39 | border-color: rgba(255, 255, 255, 0.6); 40 | } 41 | } 42 | @keyframes focusring_blinker_3wFMM_alt { 43 | 50% { 44 | border: 2px solid rgba(255, 255, 255, 0.24); 45 | } 46 | } 47 | 48 | /* exceptions */ 49 | .appactivityday_NoCommentSupport_2CB_R 50 | > .appactivityday_EventBody_NEMXh 51 | > .Panel 52 | > .focusring_FocusRingRoot_3PH_X 53 | > .focusring_FocusRing_1IZrQ, 54 | .controllerconfiguratorchoosebinding_ChooseBindingContainer_1Kj9l 55 | > .gamepadtabbedpage_GamepadTabbedPage_3IBLc 56 | > .gamepadtabbedpage_TabContents_WDa0_ 57 | > .overlappingtransition_TransitionGroup_11Twu 58 | > .overlappingtransition_ContentWrapper_1knAs 59 | > .Panel 60 | > .gamepadtabbedpage_TabContentsScroll_1X4dt 61 | > .focusring_FocusRingRoot_3PH_X 62 | > .focusring_FocusRing_1IZrQ { 63 | border: none; 64 | outline: 2px solid rgba(255, 255, 255, 0.6); 65 | border-radius: 0px; 66 | margin: 0px; 67 | animation: focusring_growOutline_Z3LxS 0.4s ease, 68 | focusring_fadeOutline_2hZu3 0.4s ease, 69 | focusring_blinker_3wFMM 1.2s ease-in-out 0.4s 20; 70 | } 71 | -------------------------------------------------------------------------------- /Round/shared.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --round-radius-size: none; 3 | } 4 | 5 | /* General */ 6 | .DialogInput { 7 | border-radius: var(--round-radius-size); 8 | overflow: hidden; 9 | } 10 | button.gamepaddialog_Button_1kn70.DialogButton, 11 | button.gamepaddialog_Button_1kn70.DialogButton.Primary, 12 | button.gamepaddialog_Button_1kn70.DialogButton:enabled, 13 | button.gamepaddialog_Button_1kn70.DialogButton:enabled.Primary, 14 | button.gamepaddialog_Button_1kn70.DialogButton:active, 15 | button.gamepaddialog_Button_1kn70.DialogButton:active.Primary, 16 | button.gamepaddialog_Button_1kn70.DialogButton:hover, 17 | button.gamepaddialog_Button_1kn70.DialogButton:hover.Primary, 18 | button.gamepaddialog_Button_1kn70.DialogButton:enabled:active:hover, 19 | button.gamepaddialog_Button_1kn70.DialogButton:enabled:active:hover.Primary, 20 | div.gamepadcontextmenu_contextMenuContents_sIgB- { 21 | border-radius: var(--round-radius-size); 22 | } 23 | .ModalPosition_Content 24 | > div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss) { 25 | border-radius: var(--round-radius-size); 26 | } 27 | 28 | /* Recent games and library */ 29 | .libraryassetimage_Image_24_Au:not( 30 | .gamepadhomerecentgames_RecentGamesBackgroundImage_3Mp8R 31 | ) { 32 | border-radius: var(--round-radius-size); 33 | } 34 | .appportrait_LibraryItemBox_WYgDg { 35 | border-radius: var(--round-radius-size); 36 | } 37 | .BasicUI .appportrait_LibraryItemBox_WYgDg::after { 38 | border-radius: var(--round-radius-size); 39 | } 40 | .gamepadsearch_ResultTemplateImage_3K3Bx { 41 | border-radius: var(--round-radius-size); 42 | } 43 | .BasicUI .libraryassetimage_GreyBackground_2E7G8 { 44 | border-radius: var(--round-radius-size); 45 | } 46 | .BasicUI .allcollections_Collection_3IWn- { 47 | border-radius: var(--round-radius-size); 48 | overflow: hidden; /* This is to prevent the collection image from overflowing the collection box */ 49 | } 50 | .steamdeckcompatfilter_CompatFilterDialog_21qvB { 51 | border-radius: var(--round-radius-size); 52 | } 53 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-child(1) { 54 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 55 | } 56 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-child(4) { 57 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 58 | } 59 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:last-child { 60 | border-radius: var(--round-radius-size); 61 | } 62 | .steamdeckcompatfilter_CompatFilterDialogRow_O7cW3:nth-of-type( 63 | 1 64 | ):nth-last-child(3) { 65 | border-radius: var(--round-radius-size) !important; 66 | } 67 | .BasicUI 68 | .appfilterpane_Container_170Np 69 | .appfilterpane_FilterArea_1ennW 70 | .appfilterpane_FilterBucket_1axoi { 71 | border-radius: var(--round-radius-size); 72 | } 73 | .appportrait_AppPortraitBanner_N8aJr { 74 | border-radius: var(--round-radius-size); 75 | } 76 | .gamepadlibrary_AppGridFilterHeader_eGFYo { 77 | border-radius: var(--round-radius-size); 78 | } 79 | .basicgamecarousel_TextBoxCarouselContents_3bvCH { 80 | border-radius: var(--round-radius-size); 81 | } 82 | .discoveryqueuewidget_DiscoveryQueueWidgetCtn_1iOb7 { 83 | border-radius: var(--round-radius-size); 84 | } 85 | 86 | /* What's new */ 87 | .gamepadhomewhatsnew_Darkener_1n_1X { 88 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 89 | } 90 | .gamepadhomewhatsnew_EventImage_116GS { 91 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 92 | } 93 | .gamepadhomewhatsnew_EventPreviewOuterWrapper_10b1V:hover 94 | .gamepadhomewhatsnew_EventImage_116GS, 95 | .gpfocus .gamepadhomewhatsnew_EventImage_116GS { 96 | border-radius: calc(var(--round-radius-size) + 10px) 97 | calc(var(--round-radius-size) + 10px) 0px 0px; 98 | } 99 | .gamepadhomewhatsnew_EventInfo_6TGe7 { 100 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 101 | } 102 | .recentlycompleted_RecentlyCompletedItem_3OC7i { 103 | border-radius: var(--round-radius-size); 104 | overflow: hidden; 105 | } 106 | .marketingmessages_MarketingMessage_28UlE { 107 | border-radius: var(--round-radius-size); 108 | overflow: hidden; 109 | } 110 | /* News articles */ 111 | .apppartnereventspage_PartnerEvent_lwprN { 112 | border-radius: var(--round-radius-size) !important; 113 | overflow: hidden; 114 | } 115 | .partnereventshared_Button_3P0Tm.partnereventshared_Icon_3p1Hj { 116 | border-radius: var(--round-radius-size) !important; 117 | } 118 | .discussionwidget_VoteContainer_1uhQY, 119 | .discussionwidget_DiscussContainer_3tXYJ, 120 | .discussionwidget_ShareContainer_cLK_F { 121 | border-radius: var(--round-radius-size) !important; 122 | } 123 | 124 | .appactivityday_PartnerEventMediumImage_Image_VytJz { 125 | border-radius: var(--round-radius-size); 126 | } 127 | 128 | /* Trending among friends (annoying to mess with outlines with, sorry if this is confusing lol) */ 129 | .gamecapsule_GameCapsule_fXdhj .gamecapsule_BottomBar_3-GyQ { 130 | height: 30px; 131 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 132 | } 133 | .gamecapsule_GameCapsule_fXdhj 134 | > .libraryassetimage_GreyBackground_2E7G8 135 | > img.libraryassetimage_Image_24_Au.libraryassetimage_Visibility_3d_bT.libraryassetimage_Visible_yDr03 { 136 | border-radius: 0px; 137 | } 138 | .gamecapsule_GameCapsule_fXdhj > .libraryassetimage_GreyBackground_2E7G8 { 139 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 140 | overflow: hidden; 141 | } 142 | .gamecapsule_GameCapsule_fXdhj { 143 | background-color: #00000000; 144 | } 145 | .gamecapsule_Friends_3gKVI { 146 | margin-left: 10px; 147 | } 148 | .gamecapsule_InLibrary_fyHna { 149 | border-radius: var(--round-radius-size); 150 | } 151 | 152 | /* Friends */ 153 | .gamepadhomefriends_FavoriteFriend_3SLpz, 154 | .gamepadhomefriends_GoToFriends_MVc_6 { 155 | border-radius: var(--round-radius-size); 156 | } 157 | .gamepadhomefriends_InGameGame_KLo2n { 158 | border-radius: var(--round-radius-size); 159 | } 160 | .BasicUI 161 | .appactivityday_ActivityAchievementUnlocked_yJLy7 162 | .appactivityday_PrimaryAchievement_26Qli { 163 | border-radius: var(--round-radius-size); 164 | } 165 | .appactivityday_Event_UVeN0 { 166 | border-radius: var(--round-radius-size); 167 | border-image: none; 168 | overflow: hidden; 169 | } 170 | .appactivityday_PlayedGameFirstTime_3fdEo 171 | > .appactivityday_EventHeadline_QCKBq:first-child:nth-last-child(2), 172 | .appactivityday_ReceivedNewGame_35ZQ6 173 | > .appactivityday_EventHeadline_QCKBq:only-child, 174 | .appactivityday_AddedGameToWishlist_x6i4r 175 | > .appactivityday_EventHeadline_QCKBq:only-child { 176 | border-radius: var(--round-radius-size); 177 | } 178 | .BasicUI .appactivityday_Event_UVeN0 .appactivityday_EventBody_NEMXh { 179 | border-radius: 0px 0px var(--round-radius-size) var(--round-radius-size); 180 | } 181 | .BasicUI 182 | .appactivityday_ActivityAchievementUnlocked_yJLy7 183 | .appactivityday_PrimaryAchievement_26Qli { 184 | border-radius: var(--round-radius-size); 185 | } 186 | .BasicUI 187 | .appactivityday_ScreenshotCarousel_1pdQd 188 | .appactivityday_CarouselThumbs_1tRKR 189 | .appactivityday_CarouselThumb_1Lot- { 190 | border-radius: var(--round-radius-size); 191 | overflow: hidden; 192 | } 193 | .gamepadsearch_ResultTemplateImage_3K3Bx { 194 | border-radius: var(--round-radius-size); 195 | overflow: hidden; 196 | } 197 | .FriendPickerFriendList, 198 | .FriendPicker_SuggestedFriend.gpfocus .friend, 199 | .FriendPicker ._DialogInputContainer { 200 | border-radius: var(--round-radius-size); 201 | } 202 | 203 | /* Game details */ 204 | .BasicUI .spotlightgameplaysummary_SummaryCarouselContainer_wgbDI { 205 | border-radius: var(--round-radius-size); 206 | } 207 | .BasicUI 208 | .appdetailssection_AppDetailsSectionContainer_31ptF.appdetailssection_RightColumnSection_3KfxI { 209 | border-radius: var(--round-radius-size); 210 | } 211 | .BasicUI .spotlightgameplaysummary_SummaryAchievement_qBmIH { 212 | border-radius: var(--round-radius-size); 213 | } 214 | .posttextentry_PostTextEntry_3x31A .posttextentry_PostTextEntryArea_1JlC2 { 215 | border-radius: var(--round-radius-size); 216 | } 217 | .appdetailsachievementssection_AchievementCarouselItem_mbFSn.appdetailsachievementssection_Detailed_3KGi6 { 218 | border-radius: var(--round-radius-size); 219 | } 220 | .BasicUI .appdetailscommunityfeed_CommunityItem_3QS6O { 221 | border-radius: var(--round-radius-size); 222 | } 223 | .appdetailscommunityfeed_ArtItem_1aP1b { 224 | border-radius: var(--round-radius-size) var(--round-radius-size) 0px 0px; 225 | } 226 | .appdetailsgameinfopanel_DeckVerifiedInfo_IIJei 227 | .appdetailsgameinfopanel_Details_3sfpA { 228 | border-radius: var(--round-radius-size); 229 | } 230 | .BasicUI .appdetailsprimarylinkssection_Anchor_DY4_w { 231 | border-radius: var(--round-radius-size); 232 | } 233 | .basicappdetailssectionstyler_DeckVerifiedFeedbackConfirmationContainer_3G0l_, 234 | .basicappdetailssectionstyler_DeckVerifiedFeedbackContainer_3Y8xV { 235 | border-radius: var(--round-radius-size); 236 | } 237 | .basicappdetailssectionstyler_DeckVerifiedFeedbackConfirmationContainer_3G0l_ 238 | .basicappdetailssectionstyler_DeckVerifiedFeedbackButton_2F-oC, 239 | .basicappdetailssectionstyler_DeckVerifiedFeedbackContainer_3Y8xV 240 | .basicappdetailssectionstyler_DeckVerifiedFeedbackButton_2F-oC { 241 | border-radius: var(--round-radius-size); 242 | } 243 | .BasicUI .appdetailssection_Highlight_38t1m { 244 | border-radius: var(--round-radius-size) var(--round-radius-size) 0 0; 245 | } 246 | .appdetailsactivitysection_NoActivity_2-kDc, 247 | .appdetailsactivitysection_Loading_3UShz { 248 | border-radius: var(--round-radius-size); 249 | } 250 | .appdetailsgameinfopanel_DeckVerifiedInfo_IIJei { 251 | border-radius: var(--round-radius-size); 252 | } 253 | .basicappdetailssectionstyler_AppActionButton_QsZdW.appactionbutton_PlayButtonContainer_1FnJ6 { 254 | border-radius: var(--round-radius-size); 255 | overflow: hidden; 256 | } 257 | .basicappdetailssectionstyler_AppButtons_1thLD /* This makes the button a circle */ 258 | .appdetailsplaysection_MenuButton_3qDWQ { 259 | border-radius: var(--round-radius-size); 260 | } 261 | 262 | .appdetailsdlcsection_Item_Ie7sd, 263 | .appdetailsdlcsection_Item_Ie7sd .libraryassetimage_GreyBackground_2E7G8, 264 | .appdetailsdlcsection_Item_Ie7sd img, 265 | .appdetailsdlcsection_Remainder_2Dggp { 266 | border-radius: var(--round-radius-size) !important; 267 | } 268 | 269 | .appdetailsdlcsection_Gloss_HAvWs { 270 | background: none !important; 271 | } 272 | 273 | .spotlightgameplaysummary_SummaryScreenshot_2gFx1, 274 | .spotlightgameplaysummary_SummaryScreenshot_2gFx1 > img:first-child, 275 | .appdetailsscreenshotssection_Thumbnail_2B8Nk, 276 | .appdetailsscreenshotssection_Thumbnail_2B8Nk > img:first-child { 277 | border-radius: var(--round-radius-size); 278 | } 279 | 280 | button.appdetailsbutton_AppDetailsButton_3Cdin.appdetailsbutton_BottomRight_3nJyY.DialogButton.gamepaddialog_Button_1kn70, 281 | button.appdetailsactivitysection_FetchMoreContainer_39Zur.DialogButton.gamepaddialog_Button_1kn70.Focusable { 282 | border-radius: var(--round-radius-size) !important; 283 | } 284 | 285 | /* Media */ 286 | .mediapage_ImageContainer_120HU { 287 | border-radius: var(--round-radius-size); 288 | } 289 | .mediapage_Screenshot_3Qh8h { 290 | border-radius: calc(var(--round-radius-size) + 4px); 291 | } 292 | 293 | /* Downloads */ 294 | .downloads_Button_3oavR.gamepaddialog_Button_1kn70.DialogButton[type="button"], /* This makes the button a circle */ 295 | .downloads_SectionItem_1VNuY, 296 | .downloads_RemoveAllButton_1GdR5 { 297 | border-radius: var(--round-radius-size) !important; 298 | } 299 | .downloads_Active_IbePL 300 | > .downloads_SectionList_OINnO 301 | > .downloads_SectionItemWrapper_21P7c 302 | > .downloads_SectionItem_1VNuY { 303 | border-radius: 0px !important; 304 | } 305 | .downloadgraph_HeroContainer_3WauY > .libraryassetimage_GreyBackground_2E7G8, 306 | .downloadgraph_HeroContainer_3WauY 307 | > .libraryassetimage_GreyBackground_2E7G8 308 | > .libraryassetimage_Image_24_Au { 309 | border-radius: 0px !important; 310 | } 311 | 312 | /* Mods */ 313 | .CssLoader_ThemeBrowser_SingleItem_BgImage, 314 | .CssLoader_ThemeBrowser_SingleItem_BgOverlay { 315 | border-radius: var(--round-radius-size) !important; 316 | overflow: hidden; 317 | } 318 | 319 | /* Main-Menu Guides */ 320 | .overlayguides_GuideListItemBase_1etIu { 321 | border-radius: var(--round-radius-size); 322 | } 323 | 324 | /* Main-Menu Achievements */ 325 | .mainmenuapprunning_OverlayAchievements_2Qced 326 | .achievementslist_AchievementListItemBase_2Kmn7, 327 | .mainmenuapprunning_OverlayAchievements_2Qced 328 | .achievementslist_GlobalAchievementListItem_316Uo, 329 | .mainmenuapprunning_OverlayAchievements_2Qced 330 | .achievementslist_AchievementList_1UXC2, 331 | .mainmenuapprunning_OverlayAchievements_2Qced 332 | .achievementsheader_StatsBlock__gDkI { 333 | border-radius: var(--round-radius-size); 334 | } 335 | 336 | /* Achievements Page */ 337 | 338 | .achievementsheader_StatsBlock__gDkI, 339 | .achievementspage_AchievementTabs_gxNvE 340 | .achievementslist_AchievementListItemBase_2Kmn7, 341 | .achievementspage_AchievementTabs_gxNvE 342 | .achievementslist_GlobalAchievementListItem_316Uo { 343 | border-radius: var(--round-radius-size); 344 | } 345 | 346 | .achievementspage_CompareButtonContainer_1UeO0 347 | button.gamepaddropdown_DropDownControlButton_28bny.DialogButton.gamepaddialog_Button_1kn70.Focusable { 348 | border-radius: var(--round-radius-size) !important; 349 | } 350 | 351 | /* Exit Game Dialog */ 352 | .gamepaddialog_GamepadDialogContent_3joNk:not( 353 | .gamepadpagedsettings_PagedSettingsDialog_PageContent_wIOLO 354 | ) { 355 | border-radius: var(--round-radius-size); 356 | } 357 | 358 | /* Settings */ 359 | .DialogCheckbox_Container, 360 | .gamepadslider_EditableValue_2DXnl { 361 | border-radius: var(--round-radius-size) !important; 362 | } 363 | 364 | .controllerconfigurator_interstitial_ControlLabel_tGJeF, 365 | .controllerconfiguratorchooseconfiguration_ConfigurationButton_2luCN, /* This is selecting a controller layout */ 366 | .controllerconfigurator_CommunityConfigsCallout_1xfC8 { 367 | border-radius: var(--round-radius-size); 368 | } 369 | 370 | .appproperties_AppProperties_1FyBL 371 | .DialogBody 372 | .appproperties_TopGapSmall_2evqi { 373 | margin-top: 0px !important; 374 | } 375 | 376 | .radio_Active_3ZBFo { 377 | border-radius: var(--round-radius-size); 378 | } 379 | 380 | .RadioButton { 381 | border-radius: var(--round-radius-size); 382 | } 383 | 384 | .radio_Group_2qYC3 { 385 | border-radius: var(--round-radius-size); 386 | } 387 | 388 | /* Options Container */ 389 | /* 390 | The majority of styles in this section were removed due to each container 391 | lacking the specificity needed to properly style them 392 | */ 393 | .gamepadcontextmenu_contextMenuContents_sIgB-:first-child 394 | .gamepadcontextmenu_ContextMenuSeparator_1KL6n { 395 | height: 0px; 396 | } 397 | 398 | .gamepadcontextmenu_contextMenuItem_1sdvo:first-child { 399 | border-top-left-radius: var(--round-radius-size); 400 | border-top-right-radius: var(--round-radius-size); 401 | } 402 | 403 | .gamepadcontextmenu_contextMenuContents_sIgB- > :last-child { 404 | border-bottom-left-radius: var(--round-radius-size); 405 | border-bottom-right-radius: var(--round-radius-size); 406 | } 407 | 408 | .gamepadcontextmenu_contextMenuContents_sIgB- { 409 | margin-left: 5px; 410 | } 411 | 412 | .contextMenuGameOptions { 413 | border-radius: 0px !important; 414 | } 415 | 416 | .BasicUI .appactionbutton_ButtonChild_2AzIX { 417 | overflow: hidden; 418 | } 419 | .BasicUI .appactionbutton_ButtonChild_2AzIX.Focusable:focus:focus::after { 420 | transform: scaleX(1.1); 421 | } 422 | 423 | /* Activate Product Dialog */ 424 | .activateproductdialog_ProductActivationInfoContainer_1Amz7 { 425 | border-radius: var(--round-radius-size); 426 | } 427 | 428 | /* Add Support for ProtonDB Badge plugin by OMGDuke */ 429 | .protondb-decky-indicator { 430 | border-radius: var(--round-radius-size) !important; 431 | } 432 | 433 | /* Download icon and bar */ 434 | .header_HeaderDownloadContainer_2ssr3 .libraryassetimage_Container_1R9r2 { 435 | border-radius: var(--round-radius-size) !important; 436 | } 437 | .header_HeaderDownloadProgressBarBackground_vo3Tt { 438 | border-radius: var(--round-radius-size); 439 | overflow: hidden; 440 | } 441 | -------------------------------------------------------------------------------- /Round/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Round", 3 | "description": "This theme adds round edges to any image that can reasonably have them. Certain images like achievements, trading cards, and profile pictures have been left as-is to avoid removing any detail. Anything largely rectangular or difficult to round (ex. sets of buttons, chat, header) has also been left as-is.", 4 | "author": "EMERALD#0874", 5 | "target": "System-Wide", 6 | "version": "v2.7", 7 | "manifest_version": 2, 8 | "inject": { 9 | "shared.css": ["SP", "MainMenu", "QuickAccess"] 10 | }, 11 | "patches": { 12 | "Intensity": { 13 | "default": "10px", 14 | "type": "slider", 15 | "values": { 16 | "3px": { "intensity/3px.css": ["SP", "MainMenu", "QuickAccess"] }, 17 | "5px": { "intensity/5px.css": ["SP", "MainMenu", "QuickAccess"] }, 18 | "10px": { "intensity/10px.css": ["SP", "MainMenu", "QuickAccess"] }, 19 | "15px": { "intensity/15px.css": ["SP", "MainMenu", "QuickAccess"] }, 20 | "20px": { "intensity/20px.css": ["SP", "MainMenu", "QuickAccess"] }, 21 | "30px": { "intensity/30px.css": ["SP", "MainMenu", "QuickAccess"] } 22 | } 23 | }, 24 | "Outlines": { 25 | "default": "Round", 26 | "type": "dropdown", 27 | "values": { 28 | "Round": { "round-outline.css": ["SP", "MainMenu", "QuickAccess"] }, 29 | "Square": {}, 30 | "Hidden": { "hide-outline.css": ["SP", "MainMenu", "QuickAccess"] } 31 | } 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /resources/images/phantom/landscape.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/phantom/landscape.psd -------------------------------------------------------------------------------- /resources/images/phantom/portrait.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/phantom/portrait.psd -------------------------------------------------------------------------------- /resources/images/phantom/recents.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/phantom/recents.psd -------------------------------------------------------------------------------- /resources/images/readme/centered-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/centered-home.jpg -------------------------------------------------------------------------------- /resources/images/readme/fonts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/fonts.jpg -------------------------------------------------------------------------------- /resources/images/readme/galactic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/galactic.jpg -------------------------------------------------------------------------------- /resources/images/readme/obsidian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/obsidian.png -------------------------------------------------------------------------------- /resources/images/readme/phantom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/phantom.jpg -------------------------------------------------------------------------------- /resources/images/readme/round.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/EMERALD0874/Steam-Deck-Themes/5ec9e862cb7ecbac91d1ffd380a3a5bdc3364c8f/resources/images/readme/round.jpg --------------------------------------------------------------------------------