AtaraxiaDev/Bento
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Replaced code images with code

Browse Source
This commit is contained in:
Rod 2020-10-10 20:26:19 -05:00
parent 245f689426
commit 1b02dd9571
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
README.md
View File

@ -67,19 +67,30 @@ The Project uses [Feather icons](https://feathericons.com/) for the icons, and y
#### Colors #### Colors
In the CSS code you can always change the variables for both themes (Dark and Light) In the CSS code you can always change the variables for both themes (Dark and Light)
<p align="center"> ```css
<img src="https://github.com/MiguelRAvila/Bento/blob/master/assets/code2.png"> /* Light theme */
</p> :root {
<div align="center"> --accent: #186efdaa;
<h5>Light mode (default)</h5> --bg: #f5f5f5;
</div> --sbg: #e4e6e6;
--fg: #3a3a3a;
--imgcol: linear-gradient(
rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0.7)
);
}
/* Dark theme */
.darktheme {
--accent: #186efd60;
--bg: #1e1f21;
--sbg: #2c2d31;
--fg: #d8dee9;
--imgcol: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
```
<p align="center">
<img src="https://github.com/MiguelRAvila/Bento/blob/master/assets/code3.png">
</p>
<div align="center">
<h5>Dark mode</h5>
</div>
#### Image Background #### Image Background