Coder Social home page Coder Social logo

palcarazm / bs-darkmode Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 836 KB

Bootstrap Darkmode is a bootstrap plugin/widget that supports toggling between light and dark theme

Home Page: https://palcarazm.github.io/bs-darkmode/

License: MIT License

JavaScript 33.57% CSS 32.68% HTML 33.74%
bootstrap bootstrap-dark-mode dark-mode dark-mode-toggle dark-theme darkmode

bs-darkmode's Introduction

Hi, I'm Pablo Alcaraz, Business Analyst from Spain
๐ŸŽ“ I graduated in M.Sc.Eng. Aeronautical from the Politecnical University of Valencia
๐ŸŽ“ I graduated in B.Eng. Aerospatial from the Politecnical University of Valencia
๐Ÿ’ฌ Ask me anything about from Here
๐Ÿ“ซ How to reach me: [email protected]

โšก Stats โšก

๐Ÿ‘จโ€๐Ÿ’ป My Repositories and where I contibute ๐Ÿ‘จโ€๐Ÿ’ป

bs-darkmode's People

Contributors

dependabot[bot] avatar palcarazm avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

bs-darkmode's Issues

[BUG] Navbar and Navs style colors are not override

Describe the bug
Navbar and Navs style colors are not override.

Expected behavior
Override Navbar and Navs style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.1.0
  • Bootstrap version: 4.6.2

Additional context
Navbar
Navs

[BUG] Table styles colors are not override

Describe the bug
Tables style colors are not override.

Expected behavior
Override table style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.0.0
  • Bootstrap version: 4.6.2

Additional context
Table docs

[FEATURE] Customize the root element to apply css vars

Is your feature request related to a problem? Please describe.
Sometimes the theming has to affect only a specific section.

Describe the solution you'd like
Customize the root element to apply css vars via html attribute and js api.

Describe alternatives you've considered
๐Ÿ˜ž

[BUG] Breadcrumb style colors are not override

Describe the bug
Breadcrumb style colors are not override.

Expected behavior
Override Breadcrumb style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.1.0
  • Bootstrap version: 4.6.2

Additional context
Breadcrumb

[FEATURE] Default dark theme

Is your feature request related to a problem? Please describe.
There is no default dark theme, so all CSS vars have to be modified on darkmode.

Describe the solution you'd like

  • Add a specific class to root element when darkmode is enabled.
  • Remove the specific class to root element when lightmode is enabled.
  • Set default CSS vars for darkmode for the specific class.

Describe alternatives you've considered
๐Ÿ˜ž

[BUG] Jumbotron style colors are not override.

Describe the bug
Jumbotron style colors are not override.

Expected behavior
Override jumbotron style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.1.0
  • Bootstrap version: 4.6.2

Additional context
Jumbotron docs

[BUG] The change event is not fired when an action performed.

Describe the bug
The change event is not fired when an action performed.

To Reproduce
Steps to reproduce the behavior and minimal code:

  1. Go to https://palcarazm.github.io/bs-darkmode/#event-propagation
  2. Click on darkmode toggle
  3. See no log in console.

Expected behavior
The change event is fired when an action performed.

Screenshots
If applicable, add screenshots to help explain your problem.

Package:
(please complete the following information)

  • Bootstrap Darkmode: 1.0.0
  • Bootstrap version: 4.6.2

[BUG] List Group style colors are not override

Describe the bug
List Group style colors are not override.

Expected behavior
Override List Group style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.1.1
  • Bootstrap version: 4.6.2

Additional context
List Group

[BUG] Cards style colors are not override

Describe the bug
Cards style colors are not override.

Expected behavior
Override cards style colors

Package:
(please complete the following information)

  • Bootstrap Darkmode version: 1.1.0
  • Bootstrap version: 4.6.2

Additional context
Cards docs

[FEATURE] Set preferred color schema in a cookie

Is your feature request related to a problem? Please describe.
When a user had performed an action to the mode toggle and navigate in the same website to an order page, the preferred color schema is not transfer.

Describe the solution you'd like

  • Save preferred color schema in a cookie with 6 hours duration when an action is performed.
  • If the cookie is set, load state from the cookie.

Describe alternatives you've considered

Additional context

[FEATURE] Get user preferred color schema

Is your feature request related to a problem? Please describe.
If the user has set the preferred color schema to dark is because he preferred darkmode and puglin is not respecting it.

Describe the solution you'd like

  • Get preferred user color schema
  • If is set to dark set state to dark.
  • Listen for preferred color schema changes and lunch action performed onchange.

Describe alternatives you've considered

Additional context

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.