Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
carloshdrp authored Dec 19, 2024
1 parent 425d5b0 commit fdbb970
Showing 1 changed file with 18 additions and 18 deletions.
36 changes: 18 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,68 +22,68 @@ Before you begin, ensure you have [Automail](https://github.com/hohMiyazawa/Auto

Activate it by navigating to:

![Apps](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/apps.png)
![Apps](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/apps.png)

Then, in your profile settings, ensure this option is checked:

![Enable CSS](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/enable.png)
![Enable CSS](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/enable.png)

### Applying CSS to Your Profile

1. In the profile tab, locate the CSS input field:

![CSS Field](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/css.png)
![CSS Field](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/css.png)

2. Choose how to apply the CSS:
- For the full CSS:
```css
@import url(https://mentor404.github.io/anilist-css/main.css);
@import url(https://carloshdrp.github.io/anilist-css/main.css);
```
- For specific components:
```css
@import url(https://mentor404.github.io/anilist-css/files/area-name-here.css);
@import url(https://carloshdrp.github.io/anilist-css/files/area-name-here.css);
```
- Example:
```css
@import url(https://mentor404.github.io/anilist-css/files/color-theme.css);
@import url(https://mentor404.github.io/anilist-css/files/background.css);
@import url(https://carloshdrp.github.io/anilist-css/files/color-theme.css);
@import url(https://carloshdrp.github.io/anilist-css/files/background.css);
```

To explore all available styles, [**click here**](https://github.com/Mentor404/anilist-css/tree/main/files).
To explore all available styles, [**click here**](https://github.com/carloshdrp/anilist-css/tree/main/files).

## Customization

For significant changes, clone this repository. Follow the instructions to [Fork a repo](https://docs.github.com/en/get-started/quickstart/fork-a-repo) and enable [Github Pages](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages).

For minor modifications, copy and paste the desired CSS file content after the `@import` in your profile's CSS field and customize as needed.

![Customization](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/custom.png)
![Customization](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/custom.png)

## Contributing

Interested in contributing? Please read [CONTRIBUTING.md](https://github.com/Mentor404/anilist-css/blob/main/CONTRIBUTING.md) for guidelines on how to contribute and our code of conduct.
Interested in contributing? Please read [CONTRIBUTING.md](https://github.com/carloshdrp/anilist-css/blob/main/CONTRIBUTING.md) for guidelines on how to contribute and our code of conduct.

## Versioning

We use [SemVer](http://semver.org/) for version control. For available versions, see the [tags in this repository](https://github.com/Mentor404/anilist-css/tags).
We use [SemVer](http://semver.org/) for version control. For available versions, see the [tags in this repository](https://github.com/carloshdrp/anilist-css/tags).

## License

This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/Mentor404/anilist-css/blob/main/LICENSE) file for details.
This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/carloshdrp/anilist-css/blob/main/LICENSE) file for details.

## Preview

### [Main.css](https://github.com/Mentor404/anilist-css/blob/main/main.css)
![Main.css Preview](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/preview.png)
### [Main.css](https://github.com/carloshdrp/anilist-css/blob/main/main.css)
![Main.css Preview](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/preview.png)

```css
@import url(https://mentor404.github.io/anilist-css/main.css);
@import url(https://carloshdrp.github.io/anilist-css/main.css);
```

### [Neon.css](https://github.com/Mentor404/anilist-css/blob/main/neon.css)
![Neon.css Preview](https://raw.githubusercontent.com/Mentor404/anilist-css/main/img/neon-css.png)
### [Neon.css](https://github.com/carloshdrp/anilist-css/blob/main/neon.css)
![Neon.css Preview](https://raw.githubusercontent.com/carloshdrp/anilist-css/main/img/neon-css.png)

```css
@import url(https://mentor404.github.io/anilist-css/neon.css);
@import url(https://carloshdrp.github.io/anilist-css/neon.css);
```

0 comments on commit fdbb970

Please sign in to comment.