Formatting and some grammar

This commit is contained in:
Casper Talvio
2021-08-12 04:25:21 +03:00
committed by GitHub
parent 33112ac1a5
commit fd1bba7026

View File

@@ -10,7 +10,9 @@ To use the theme copy paste one of the presets, or follow the instructions to cr
**NOTE: Theme may not work when using reverse proxy**, check the bottom section of this readme for more info.
## Features
<br />
### Features
- Themes **EVERYTHING**
- Three types of styles to choose from
- Extensive additional options
@@ -21,8 +23,9 @@ To use the theme copy paste one of the presets, or follow the instructions to cr
- Works well on mobile, more compact and aligned UI
- Various small tweaks and fixes to the stock UI
<br />
## Single line presets
### Single line presets
These let you use Ultrachromic using a couple presets. These follow the same look as the old chromic themes.
@@ -46,7 +49,6 @@ Only one line is needed, nova and kaleido support custom accents.
Ultrachromic is composed of multiple "parts" allowing you to theme only the parts you want, and to have some choice in how you want things themed. Simply add one import after another, in the order they are listed here. Simply omit the options you do not want to use.
<br />
<br />
### 1. Recommended
@@ -58,7 +60,6 @@ fixes.css contains various small tweaks all over the JF UI, an alignment here, a
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css');
```
<br />
<br />
### 2. Required
@@ -70,7 +71,6 @@ These lines are required.
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');
```
<br />
<br />
### 3. Rounding
@@ -85,7 +85,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding_circlehover.css');
```
<br />
<br />
### 4. Smaller cast list
@@ -98,7 +97,6 @@ A smaller, square aspect ratio style cast list.
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css');
```
<br />
<br />
### 5. Compact episode list
@@ -115,7 +113,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/episodelist/episodes_grid.css');
```
<br />
<br />
### 6. Transparent top bar
@@ -132,7 +129,6 @@ OR
broken ATM, use the -dashboard option for now
```
<br />
<br />
### 7. Login screen
@@ -149,7 +145,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css');
```
<br />
<br />
### 8. Input fields
@@ -166,7 +161,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_noborder.css');
```
<br />
<br />
### 9. Watched/Unwatched indicators
@@ -183,7 +177,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_corner.css');
```
<br />
<br />
### 10. Choose type
@@ -208,7 +201,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css');
```
<br />
<br />
### 11. Title page
@@ -234,7 +226,6 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_banner-logo.css');
```
<br />
<br />
### 12. Progress bar
@@ -251,14 +242,13 @@ OR
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/bottombarprogress.css');
```
<br />
<br />
### 13. Effects
![image](https://user-images.githubusercontent.com/4365015/127781073-c2a2a1f1-4c60-4c57-afa9-13a4775489bb.png)
Additional eye candy. Make items glow on hover, make some UI elements glassy see-through. Pan animation animates the backdrop with a slow pan. The last one is hacky way to turn the cover art into a backdrop on mobile, as it was removed in 10.7.0.
Additional eye candy. Make items glow on hover, make some UI elements glassy see-through. Pan animation animates the backdrop with a slow pan. The last one is a hacky way to turn the cover art into a backdrop on mobile, as it was removed in 10.7.0.
```css
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css');
@@ -276,7 +266,6 @@ AND/OR
@import url('https://ctalvio.github.io/Monochromic/backdrop-hack_style.css');
```
<br />
<br />
### 14. Manual options
@@ -295,7 +284,6 @@ There are some manual options you can define if you want, after the import lines
:root {--rounding: 12px;}
```
<br />
<br />
### Extras