Git Product home page Git Product logo

mysteamdeckthemes's Introduction

PoyomannSteamDeckThemes

Tips for making your own:

You'll need:

  1. Decky/Plugin loader
  2. The css loader
  3. Some means of file transfer from PC to steam deck.
    1. I would recommend sshd, which can be turned on by
    2. Adding a password with 'passwd' in Konsole
    3. 'sudo systemctl enable sshd' in Konsole
    4. 'sudo systemctl start sshd' in Konsole
    5. You're now running an ssh server from the steam deck, find some way of connecting to that from your PC

Steps:

  1. Install the RGB keyboard theme into the css loader's theme folder home/homebrew/themes (the rgb one has actual comments)
  2. Add a new css file in one of the RGB keyboard's folders (whichever you feel like really)
  3. Modify the .json file so your new css file is added as an option
  4. Make some changes to some variables in your new css file, and reboot into game mode to see if it works.

4a. I would reccomend changing the variables set in :root as they're the most important.

  1. Now that your custom css is working, it's time for the work to begin. (not a step, shh)
  2. Go to chrome://inspect and add your steam deck's IP address with port 8081
  3. You should be able to see SP as an option, click on that.
  4. You should now have a live feed of your steam deck's homepage + the keyboard if it's open
  5. On the right of your screen, there's an inspect element menu, changes can be tested here and will revert on reboot
  6. Find things you want to change, and add them to your .css file

10a. This is where having sshd comes in handy, you can edit the css file on your desktop, and have it automatically save to the steam deck.

  1. Keep at this till your keyboard looks how you want it, and then post it on r/steamdeck for epic reddit karma :p

Notes:

If you want to customize an individual key, use either of these methods: div[data-key-row="1"][data-key-col="2"] {background-color:#FFFFFF;} or div[data-key="w"]{background-color:#FFFFFF;} The top option changes keys based on where they are in the keyboard, and the second based on what key they are. Both options work, choose whichever's easiest/most readable.

Currently contains:

RGB keyboard theme

An RGB keyboard, with lots of customizability. Both the 'rainbow' and 'deck colours' patterns were made by suchmememanyskill, who also made the CSS loader

Clear.Black.Keys.and.Rainbow.mp4
Clear.White.and.Deck.Colours.mp4
Black.and.Cotton.Candy.mp4

Astolfo keyboard theme

A pink Astolfo keyboard, made for fun.AstolfoBlack AstolfoPink

mysteamdeckthemes's People

Contributors

milroneth avatar partywumpus avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.