 |
Summary | Adds a glassy, translucent background to the header |
 |
Preview | Vimeo Demo |
 |
Repository | https://github.com/denvergeeks/discourse-header-glass |
 |
Install Guide | How to install a theme or theme component |
 |
New to Discourse Themes? | Beginner’s guide to using Discourse Themes |
Install this theme component
oh that’s cool. i like that and may use it on my forum. i have semi transparent headers but i like that glass effect. nicely done! 
does the component have any settings?
edit: i see now it doesn’t. i love the shadowed icons!
No settings, but requests and PRs are most welcome!!!
Ah the shadowed header icons… here’s all of the CSS…
.d-header {
background: rgb(147, 147, 147, 0.39) !important;
-webkit-backdrop-filter: blur(10px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
color: rgb(255 255 255) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
color: rgb(255 255 255) !important;
fill: rgb(255 255 255) !important;
filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}
i love this visual effect. curious about colored glass look.
i wanna make a stained glass effect now 
i’ve already forked the code lol
nice! thanks for the linky 
oh. my. god. 
now you’ve inspired me to start building a new theme for my forum. 
meh, theme design isn’t really my forte. i can make them , but i prefer the creativity of components and functional type solutions, especially for others who define a need.
Site Architecture, Navigation, UI / UX – it’s all functional art 
created to help people connect in the most satisfying ways.
Zoinks! forgot to post a link - I added color and transparency settings for kicks 
Zoinks! Thank you @Lilly! I’ve added your color and transparency settings, and also a setting for the drop shadow on the header icons.