Add README.org
This commit is contained in:
parent
3ed909189f
commit
0a8c9c182e
36
README.md
36
README.md
@ -1,36 +0,0 @@
|
|||||||
# Blueberries Mastodon UI user theme
|
|
||||||
|
|
||||||
This is a Mastodon UI user theme by @brodokk heavly based on a work from
|
|
||||||
@HugoBDesigner who can be found here: https://gist.github.com/HugoBDesigner/1a784bf782b5994efecfb9e3adf85fc6
|
|
||||||
|
|
||||||
Its for being use with the web extension stylus https://add0n.com/stylus.html
|
|
||||||
(who is a fork of Stylish). This theme is also available on userstyles.org:
|
|
||||||
https://userstyles.org/styles/254893/blueberries-mastodon-ui-user-theme
|
|
||||||
|
|
||||||
**Warning**: This theme only support mastodon dark theme
|
|
||||||
|
|
||||||
**Note**: Beta support for glitch-soc fork
|
|
||||||
|
|
||||||
## Customization
|
|
||||||
|
|
||||||
The customization is pretty simple, if you just want to just change the general
|
|
||||||
them color. The the top of the file change the `CURRENT HUE` in the `:root`
|
|
||||||
css rule to what you want, avocado by @HugoBDesigner is also available:
|
|
||||||
|
|
||||||
```
|
|
||||||
:root {
|
|
||||||
/* DEFAULT HUE */
|
|
||||||
/* --hue: 240deg; */
|
|
||||||
/* AVOCADO HUE */
|
|
||||||
/* --hue: 90deg; */
|
|
||||||
/* BLUEBERRIES HUE */
|
|
||||||
/* --hue: 300deg; */
|
|
||||||
/* CURRENT HUE */
|
|
||||||
--hue: 300deg;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Screenshoots
|
|
||||||
|
|
||||||
![Simple view](https://userstyles.org/style_screenshots/254893_after.png)
|
|
||||||
![Advanced view](https://userstyles.org/style_screenshots/254893_additional_41580.png)
|
|
53
README.org
Normal file
53
README.org
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
#+STARTUP: nofold
|
||||||
|
#+HTML: <div align="center">
|
||||||
|
|
||||||
|
* Blueberries Mastodon UI user theme
|
||||||
|
Mastodon UI user theme by HugoBDesigner and Brodokk but purple mode
|
||||||
|
|
||||||
|
#+HTML: <img src="https://userstyles.org/style_screenshots/254893_after.png" width="100%"/>
|
||||||
|
|
||||||
|
#+HTML: </div>
|
||||||
|
|
||||||
|
** Feature
|
||||||
|
|
||||||
|
- Hue customization (default to blueberries - purple)
|
||||||
|
- glitch-soc support (BETA)
|
||||||
|
|
||||||
|
** Installation
|
||||||
|
|
||||||
|
First you need to set, if not already, mastodon theme in ~Mastodon (Dark)~ (In ~Settings~ > ~Preferences~ > ~Appearance~ > ~Site theme~)
|
||||||
|
|
||||||
|
Then install this theme via one of this providers:
|
||||||
|
|
||||||
|
- [[https://userstyles.world/style/7513/blueberries-mastodon-ui-user-theme][userstyles.world]] (recommended)
|
||||||
|
- [[https://userstyles.org/styles/254893/blueberries-mastodon-ui-user-theme][userstyles.org]]
|
||||||
|
|
||||||
|
** More screenshoots
|
||||||
|
|
||||||
|
#+HTML: <img src="https://userstyles.org/style_screenshots/254893_additional_41580.png" width="100%"/>
|
||||||
|
|
||||||
|
** Customization
|
||||||
|
|
||||||
|
The customization is pretty simple, if you just want to just change the general
|
||||||
|
them color. The the top of the file change the ~CURRENT HUE~ in the ~:root~
|
||||||
|
css rule to what you want, avocado by @HugoBDesigner is also available:
|
||||||
|
|
||||||
|
#+begin_src
|
||||||
|
:root {
|
||||||
|
/* DEFAULT HUE */
|
||||||
|
/* --hue: 240deg; */
|
||||||
|
/* AVOCADO HUE */
|
||||||
|
/* --hue: 90deg; */
|
||||||
|
/* BLUEBERRIES HUE */
|
||||||
|
/* --hue: 300deg; */
|
||||||
|
/* CURRENT HUE */
|
||||||
|
--hue: 300deg;
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** Credits
|
||||||
|
|
||||||
|
- [[https://github.com/HugoBDesigner][HugoBDesigner]] for the base theme and all the hardwork, see [[https://gist.github.com/HugoBDesigner/1a784bf782b5994efecfb9e3adf85fc6][base code]]
|
||||||
|
|
||||||
|
** License
|
||||||
|
Code released under the [[LICENSE.TXT][CC-BY]] license.
|
Loading…
Reference in New Issue
Block a user