Gatsby London Night And Day
A custom, image-centric theme for Gatsby. Made for publishers and portfolios with plenty of graphics to show off to the world. Fully responsive, with light and dark mode, released under the MIT license.
Overview:
Deploy to Netlify is a custom image-centric theme for Gatsby. It is designed for publishers and portfolios who want to showcase their graphics to the world. The theme is fully responsive and offers both light and dark modes. It is released under the MIT license and offers certain improvements over its predecessor, London After Midnight.
Features:
- Image-centric design: The theme is crafted to prioritize graphics and offers an aesthetically pleasing image-centric design.
- Fully responsive: Deploy to Netlify ensures that your website looks great and functions well on all devices, regardless of screen size.
- Light and dark modes: The theme provides both light and dark modes, allowing users to choose their preferred appearance.
- Privacy-focused font usage: Unlike its predecessor, the theme removes Google Fonts and instead uses system fonts for improved speed and privacy.
- Sass integration: Deploy to Netlify utilizes Sass for styling, offering more flexibility and organization compared to plain CSS.
- Compatible with older systems: The theme defaults to dark mode for older systems, ensuring a consistent and accessible user experience.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Ghost
Ghost is an open-source blogging platform designed to simplify the process of creating and publishing online content, with a focus on minimalism, speed, and flexibility.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Dark Mode
Dark mode is a user interface option that uses a dark color scheme instead of light. It reduces eye strain and improves visibility in low-light conditions. Implementing dark mode in a website or application involves updating the styles and color palette to support both light and dark modes.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.