question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[NG] Add dark theme to Layer5-NG.

See original GitHub issue

Current Behavior

There is only a light theme present currently.

Desired Behavior

Add a dark theme to the layer5-ng website.


Alternatives

Use this https://www.gatsbyjs.com/plugins/gatsby-plugin-dark-mode/.

Additional context

You can add a dark theme in the theme folder in src.


Contributor Resources The layer5 repo contains two websites. The current generation and the next-generation of the layer5.io site.

If the layer5-ng label is absent on this issue, then this issue pertains to the current generation of the layer5.io website, which uses Jekyll and GitHub Pages. Site content is found under the master branch.

If the layer5-ng label is present on this issue, then this issue pertains to the next-generation of the layer5.io website, which uses Gatsby, Strapi, and GitHub Pages. Site content is found under the layer5-ng branch.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:14 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
leecalcotecommented, Jan 5, 2021

Sounds great, @geraldmaboshe, and like good counsel @Nikhil-Ladha

1reaction
Nikhil-Ladhacommented, Jan 5, 2021

Sure, you can. I think if we intend to go for a dark theme then we will be using the ‘jungle green’ color as the background for the theme, and not black. Also, work with the appropriate brand colors to see how it goes.

Doing the changes centrally in the themes/app/theme.style.js should be the approach I think.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to implement a dark theme with CSS and Angular?
Decide which theme to apply. With the code provided above, the easiest way to toggle our dark mode on/off is to use the...
Read more >
Angular Material Dark Mode in 3 steps - Zoaib Khan
Learn in three simple steps how to create a custom angular material theme and use it to add a dark mode to your...
Read more >
angular-dark-mode - npm
Add dark mode to your Angular applications with ease! ... Start using angular-dark-mode in your project by running `npm i angular-dark-mode` ...
Read more >
unable to change to dark theme in angular with angular material
I am using one of the pre-build theme in my application but I am unable to change the application to dark mode. my...
Read more >
Angular Material Dark Mode Toggle Tutorial - YouTube
Angular dark theme switch tutorial, angular material dark mode toggle tutorial, angular dark mode switch, dark mode angular material, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found