Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Dark mode tweak for the Float theme
.mkl_pc {
--toolbar_width: 500px;
--mkl_pc_color-primary: #e00706;
--mkl_pc_color-primary_rgb: 224, 7, 6;
}
.mkl_pc .mkl_pc_container .mkl_pc_bg {
background-image: none !important;
background-color: #313539;
}
.mkl_pc.mobile-show-form footer,
.mkl_pc .mkl_pc_container .mkl-pc-show-form::before {
background-color: #313539;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li {
background: #2a2c30;
box-shadow: none;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button {
color: #aaa9a9;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices + .form::after {
background: linear-gradient(to top, #313639, #31363900);
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar > header > .cancel::before, .mkl_pc .mkl_pc_container .mkl_pc_toolbar > header > .cancel::after {
background: #e00706;
}
@media (max-width: 660px){
.mkl_pc .mkl_pc_container .mkl_pc_viewer {
display: none;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar {
width: 100%;
top: 0;
bottom: 4em;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment