Comments (5)
ah sorry about that! Use the below one instead! (I have also edited my previous reply)
.gdesc-inner {
background: rgba(0,0,0,.92) !important;
}
.gslide-title, .gslide-desc {
color: #fff !important;
}
For comparison, I changed the caption background to red so you can see that the background is fixed in both modes:
from mkdocs-glightbox.
You can modify the css (for example, using extra.css
)
load it in the mkdocs.yml
extra_css:
- stylesheets/extra.css
and then in extra.css
.gdesc-inner {
background: rgba(0,0,0,.92) !important;
}
.gslide-title, .gslide-desc {
color: #fff !important;
}
BTW, if you are using mkdocs-material:
see: https://squidfunk.github.io/mkdocs-material/reference/images/?h=images#light-and-dark-mode
You can switch between light and dark mode, and the result will be:
Light mode:
For me, the default color of mkdocs-glightbox works well because I prepare the images with light and dark tones that match the light/dark modes.
from mkdocs-glightbox.
Thank you! Your CSS example works in default / light mode but doesn't change the colors in dark mode. Is it possible to set the colors to fixed values regardless of selected color scheme?
from mkdocs-glightbox.
It would be better if glightbox rather could just use the page's background colors instead of having to hard code is own single background color. This seems like it would just be a better default.
from mkdocs-glightbox.
ah sorry about that! Use the below one instead! (I have also edited my previous reply)
Works for me, thanks a lot!
from mkdocs-glightbox.
Related Issues (20)
- Conflict with the privacy plugin of Material theme HOT 1
- support `#only-dark` and `#only-light` feature of mkdocs material HOT 2
- [Feature Request] Support transparency HOT 6
- Ignore neoteroi-mkdocs elements HOT 2
- Zoom doesn't work with svg HOT 3
- Social Share? HOT 1
- Using glightbox stops the default search box appearing HOT 2
- Is it possible to define inline elements?
- glightbox is breaking if the privacy plugin is set. HOT 1
- Is it possible to make a glightbox inside itself ?
- Is there a way to set glightbox-manual: true globally? HOT 2
- Deprecation warning from mkdocs 1.6.0 HOT 2
- New version 0.4.0 causes problem with lightbox
- Config value 'plugins': The "glightbox" plugin is not installed after successfully install HOT 1
- glightbox exponentially slower with increase of the number of images
- Can't install glightbox HOT 1
- Effects and custom config parameters not working
- Arrows for gallery dissapeared
- Gallery caption not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mkdocs-glightbox.