Code Monkey home page Code Monkey logo

miui-shade's Introduction


Logo

MIUI-Shade

A PC-based version of an Android control center.
More Info »

Report Bugs & Request Features

Table of Contents
  1. About
  2. Features
  3. Getting Started
  4. Modules Setup
  5. Help & Credits

About

preview.mp4

MIUI-Shade is a Rainmeter skin that brings the Android control center to Windows. MIUI-Shade includes 2 different color schemes as well as multiple customization options for you to tweak and customize to your liking. See the video linked above.

Features

  • Flawless Animations
  • Full-fledged Control Center
  • Intergrated Media Controls
  • Customizable Hotkeys
  • Additional Modules like Weather Status

Getting Started

Prerequisites

Installation

Assuming you successfully downloaded and installed Rainmeter as well as JaxCore, you can now proceed to install MIUI-Shade by following the steps below.

  1. Download and run the .rmskin file for MIUI-Shade from the official JaxCore site to install MIUI-Shade.
  2. Leave the installation settings at their defaults and click Install.
  3. When the installation is finished, a startup pop-up should appear. Follow through the pop-up to finish installing MIUI-Shade.
  • Note: If you find that the JaxCore option is red on the startup pop-up, please press the red button and Core will be installed automatically. Perchance this fails, you can manually install Core by downloading the .rmskin file from JaxCore's official website.

Customization

MIUI-Shade includes 2 color scheme presets. You enable them by just selecting them within the Appearance tab. These are their names:

  • Dark
  • Light

And, the blur preset types are:

  • Blur
  • Acrylic

You can also change the skin scale and animations within the same Appearance tab.

Modules Setup

Now that you've installed and setup MIUI-Shade, let's begin setting up some modules it comes with!

Media Controls

For Spotify:

For media controls to work with Spotify, you will have to setup and install Spicetify. Follow the steps below to do so.

  1. Open Powershell (Windows 10) or Windows Terminal (Windows 11) and run the commands that follow:
      Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/khanhas/spicetify-cli/master/install.ps1" | Invoke-Expression
    
      spicetify
    
      spicetify config extensions webnowplaying.js
    
    If you only want to install webnowplaying.js without the custom themes, use the following command:
      spicetify config inject_css 0 replace_colors 0
    
  2. And finally, run the following command to save and apply all your changes:
      spicetify backup apply
    

You can now proceed to configure media controls for Spotify. Simply follow the steps outlined below:

  1. Open Core and head over to the Modules section.
  2. Select MIUI-Shade from the list and proceed to the Media tab.
  3. In the Media tab select Spotify.
  4. Ignore the alert for Spicetify(we've already installed this in the previous step) and press confirm on the bottom right.
  5. Refresh MIUI-Shade and your media controls for Spotify should work.

For Web Players:

For media controls to work with any website, you will have to install the WebNowPlaying Companion extension for your browser.

Once you've installed the extension, you can now proceed to configure media controls for Web Players. Simply follow the steps outlined below:

  1. Open Core and head over to the Modules section.
  2. Select MIUI-Shade from the list and proceed to the Media tab.
  3. In the Media tab select Web.
  4. Ignore the alert for WebNowPlaying Companion extension(we've already installed this in the previous step) and press confirm on the bottom right.
  5. Refresh MIUI-Shade and your media controls for any website should work.

Weather

Weather Status, unlike Media Controls, does not require the installation of any additional applications or extensions. As a result, you can simply enable it via the General tab. To do so, follow the steps outlined below.

  1. Open Core and head over to the Modules section.
  2. Select MIUI-Shade from the list and proceed to the General tab.
  3. Under Time & Weather, change Weather Location to the location you want the weather status for.
  4. Refresh MIUI-Shade and your weather status should work.

Help and Credits

miui-shade's People

Contributors

enhancedjax avatar vo1x avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

Forkers

enhancedjax

miui-shade's Issues

Add A Light Control Bar

I appreciate your work, and I think it will be better to add a screen brightness adjustment bar as you did for volume.
Anyway, thank you for your great works!

I can't click the top of the screen

When I try to interact with something by clicking on the top of the display, it actually clicks on the "MIUI Shade Activator" and nothing happens. Is there any way to hide that?

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.