DefaultCSS is a CSS starting point that includes a minimal styling for the most used html tags. No tailwind, sass or bootstrap needed. Pure CSS. Demo here.
Includes:
- Automatic dark mode
- Mobile friendly
- Easy to understand and change custom variables at the start
Add this line in your HTML's <head> section:
<link rel="stylesheet" href="https://janbsc4.github.io/defaultCSS/default.css">That's it. Yes, really.
- Download the CSS file:
curl -O https://janbsc4.github.io/defaultCSS/default.css
- Place it in your project directory
- Link it in your HTML:
<link rel="stylesheet" href="path/to/default.css">
If your project uses Git:
git submodule add https://github.com/janbsc4/defaultCSS.gitTo customize the default variables, add this to your own CSS file:
:root {
--primary-color: #your-color;
--hover-color: #your-hover-color;
--text-color: #your-text-color;
/* Add any other variables you want to override */
}- Works with all modern browsers
- Includes dark mode support via
prefers-color-scheme - Responsive design included
Make sure to include this CSS file before any custom stylesheets to allow proper overriding of styles.
Contributions are welcome! Here's how you can help improve the default CSS:
- Fork the repository on GitHub
- Create a new branch for your feature:
git checkout -b feature/your-feature-name
- Make your changes
- Test your changes thoroughly
- Commit with a clear message:
git commit -m "Add: brief description of your changes" - Push to your fork:
git push origin feature/your-feature-name
- Create a Pull Request with:
- Clear description of changes
- Screenshots if visual changes were made
- Keep it extremely simple and maintainable
- Follow existing code style
- Test across different browsers and devices
Found a bug or have a suggestion? Open an issue on GitHub with:
- Clear description
- Steps to reproduce (for bugs)
- Expected vs actual behavior
- Screenshots if applicable