a02f04cb0b
Dark was previously chosen as the default theme color, this meant light text on dark backgrounds. Now we move over to white. Browser extensions and system dark settings can do the heavy lifting for us. Support for a light theme is our aim. settings/_colors.scss Colors saw additional navbar color variables to bring cohesion to the table. For instance, $nav-bg-color. components/_toolbar.scss We shifted the practise of hard boiling hexidecimal values and opted for linking the variables from the color settings. Any changes to settings will be easily reflected across the toolbar with less effort. |
||
---|---|---|
public | ||
src | ||
.gitignore | ||
LICENSE | ||
README.md | ||
package.json | ||
webpack.config.js |
README.md
🚀 LibreGaming Design System!
This project contains code and styles useful for those wanting to copy the look and feel of LibreGaming. This serves to bring consistency to across LibreGaming service and avoid repeating work.
Run locally
Web files are provided in public
folder, you can view them via a Web Browser. The files are ready, no need to setup a build environment.
For those looking to copy beautiful layout and styles, include style.css
inside your html files. Extra functionality, such as dropdown menus, is enabled by also including 'app.js' inside your html files.
Once done, you can begin using the style definitions within HTML elements. For example, text-lightblue
renders text with LibreGaming's blue branding colours.
Assets
Assets such as logos are available inside src/assets
.
Development
You will need Node.js installed if you want to develop the project's code.
npm run build
to bundle your application