Preference Pane
adjust configuration as needed
Generated Source-code
Abbreviate Names (activate for Bootstrap naming convention compatibility ยท recommended)
Use Force (force override specificity)
Tip: Copy the code below into your CSS file.
/* Restore or share current settings using: darkness=0.53&space=0.87&phosphor=0.43&glow=0.75 */
.bg-primary {
color: #7da9ac;
background-color: #0a1e1f;
}
.bg-crt {
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
background-size: 100% 5px, 7px 100%;
}
.glow {
border-style: solid;
border-width: 1px;
border-color: #9ecaed;
}
.glow-sm {
/* NOTE: requires "glow" class: <div class="glow glow-sm"></div> */
box-shadow: inset 0 0 17px #0f161b, 0 0 10px #9ecaed;
border-radius: 3px;
}
.glow-lg {
/* NOTE: requires "glow" class: <div class="glow glow-lg"></div> */
box-shadow: inset 0 0 26px #0f161b, 0 0 19px #9ecaed;
border-radius: 15px;
}
.space-sm {
padding: 0.43rem;
}
.space-lg {
padding: 2.74rem;
}