Element UI dark theme
One Dark theme for the CodeMirror code editor
Pierre theme for Shiki, VS Code, and more
Toggle between light and dark mode in Storybook
Toggle between light and dark mode in Storybook
Command-line interface for mermaid
React hook to switch between light and dark themes
Basic Light theme for the CodeMirror code editor
JupyterLab - Default Dark Theme
A Blockly dark theme.
css-in-js solution for application combine with antd v5 token system and emotion
Theme and components agnostic ChakraProvider
JupyterLab - Dark High Contrast Theme
Spectrum UI components in React
Redoc Component for DocusaurusV2
Dashboard for OHF Matter Server
Authoritative color variables for Esri
Add mermaid support for Vitepress
The Design Graph Framework
The most comprehensive authentication framework for TypeScript.
A Bootstrap 4 Dark theme.
Basic Dark theme for the CodeMirror code editor
React component and hooks for handling light and dark mode.
An unopinionated, scalable, tailwindcss theming solution
A dark theme for Jekyll with a responsive layout, navbar, content area, sidebar, footer, and styling for major HTML elements.
The jekyll-squirrel-theme is a versatile, highly customizable theme designed for The Programming Squirrel. It is crafted to provide an exceptional user experience, emphasizing content readability and accessibility while reflecting the brand's unique personality. ### Key Features: - **Custom Branding**: Incorporates The Programming Squirrel’s signature colors, typography (Montserrat, Open Sans, Playfair Display), and playful aesthetic. - **Light and Dark Modes**: Includes responsive and accessible light and dark themes with a seamless toggle feature. - **Blog-Centric Design**: Optimized for showcasing articles, tutorials, and other written content with structured layouts and beautiful typography. - **Responsive Layout**: Fully responsive and mobile-friendly, ensuring the site looks great on all devices. - **Reusable Components**: Includes pre-styled cards, buttons, forms, and other reusable UI elements for consistency across the site. - **SEO Optimized**: Built-in SEO features to enhance search engine visibility and performance. - **Developer-Friendly**: Easy-to-extend theme architecture with clear documentation and customizable options. This theme is perfect for tech enthusiasts, educators, and content creators who value clean design, functionality, and a touch of whimsy in their websites.
<div align='center'> # Insights4YOU Jekyll Theme A sleek and modern Jekyll theme inspired by the [Tabler Admin Dashboard](https://github.com/tabler/tabler). This theme offers a clean, professional, and responsive interface, making it ideal for developers, content creators, and businesses. Whether you're building documentation sites, admin panels, or project showcases, this theme provides a minimal-effort solution with customizable layouts and modern design elements.  [][repo] [][build] [][codacy] [][gem] [][gem] [][license] </div> ## 🌟 Features - 🌙 **Dark and Light Themes**: Switch between dark and light modes for a personalized experience - 📱 **Responsive Design**: Fully optimized for mobile, tablet, and desktop devices - 🔧 **Customizable Layouts**: Easily modify layouts to suit your needs - 🚀 **SEO Optimized**: Built-in support for Jekyll SEO tags to improve search engine visibility - 📦 **Gem-Based Installation**: Simple installation via RubyGems - 📝 **Markdown Support**: Write content using Markdown for simplicity and flexibility - 🎨 **Modern Design**: Inspired by the Tabler Admin Dashboard for a sleek and professional look - 📊 **Analytics Ready**: Add analytics scripts easily for tracking user interactions - 🔍 **Search Functionality**: Built-in search capabilities for content discovery - 🎯 **Clean Code**: Well-documented and maintainable codebase - 🛠️ **Developer Friendly**: Easy to extend and customize - 📱 **Mobile First**: Designed with mobile devices in mind ## 📋 Requirements - Ruby >= 2.7.0 - Jekyll ~> 4.2 - Bundler ~> 2.3 ## 🚀 Quick Start 1. **Install the theme:** ```ruby gem install insights4you-jekyll-theme ``` 2. **Create a new Jekyll site:** ```ruby jekyll new my-website ``` 3. **Add the theme to your Jekyll site's `Gemfile`:** ```ruby gem "insights4you-jekyll-theme" ``` 4. **Update your `_config.yml`:** ```yaml theme: insights4you-jekyll-theme ``` 5. **Install dependencies:** ```bash bundle install ``` 6. **Start your site:** ```bash bundle exec jekyll serve ``` ## 🎯 Demo Site To see the theme in action, check out the included example site: ```bash # Clone the repository git clone https://github.com/marciopaiva/insights4you-jekyll-theme.git # Navigate to theme directory cd insights4you-jekyll-theme # build and test make dev ``` Visit `http://localhost:4000` to see the demo site in action. ## 🎨 Customization ### Theme Configuration [WIP] ### Available Layouts - `default`: Standard page layout ### Custom Styling Create a new file `assets/css/custom.scss` to add your own styles: [WIP] ## 📝 Documentation ### Directory Structure [WIP] ### Creating Posts [WIP] ### Creating Pages [WIP] ## 🤝 Contributing We love your input! We want to make contributing to Insights4YOU as easy and transparent as possible. Please: 1. Fork the repository 2. Create your feature branch (`git checkout -b feature/amazing-feature`) 3. Commit your changes (`git commit -m 'Add amazing feature'`) 4. Push to the branch (`git push origin feature/amazing-feature`) 5. Open a Pull Request ## 📄 License This project is licensed under the MIT License - see the LICENSE file for details. ## 🙏 Acknowledgments - Tabler Admin Dashboard for design inspiration - Jekyll community for the amazing static site generator - All contributors who help improve this theme [repo]: https://github.com/marciopaiva/insights4you-jekyll-theme [build]: https://github.com/marciopaiva/insights4you-jekyll-theme/actions/workflows/gem-build.yml [codacy]: https://app.codacy.com/gh/marciopaiva/insights4you-jekyll-theme/dashboard [gem]: https://rubygems.org/gems/insights4you-jekyll-theme [license]: https://github.com/marciopaiva/insights4you-jekyll-theme/blob/master/LICENSE