Skip to content

Instantly share code, notes, and snippets.

@deniskrumko
Created October 25, 2021 10:02
Show Gist options
  • Save deniskrumko/d2e171360f1c58beadbe6e94c78c0fe4 to your computer and use it in GitHub Desktop.
Save deniskrumko/d2e171360f1c58beadbe6e94c78c0fe4 to your computer and use it in GitHub Desktop.
Stylus dark theme
/* DARK THEME */
html {
filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
-webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
}
img,
video,
gl-emoji,
.hc-header,
.fe-sidebar,
.Header,
.navbar-inverse,
.header-href,
#gadget-12400-chrome,
#stylus-popup,
#stylus-edit,
.xterm,
.aui-blanket,
.search_list_image,
#player,
body * [style*="background-image"],
embed[type="application/x-shockwave-flash"],
object[type="application/x-shockwave-flash"] {
filter: hue-rotate(180deg) contrast(100%) invert(100%);
-webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%);
}
.game-collection-item-top {
background: #F8F8FA;
}
.game-collection-item-top-platform {
color: #ccc;
}
#menu-logo {
filter: invert(0%);
}
/* JIRA */
.aui-header {
background: #82bfff !important;
border-bottom-color: #82bfff !important;
}
.aui-nav-link {
color: #000 !important;
}
/* STANDUP */
.status-block {
font-family: "Iosevka Fixed" !important;
}
.status-block .content .content-status {
font-size: 18px !important;
color: #333;
}
.status-header .img-circle {
max-width: 100px !important;
max-height: 100px !important;
}
/* KUBERNETES */
.kd-middleellipsis {
white-space: pre-line !important;
}
.kd-logs-text-color-invert {
background: white !important;
}
.kd-log-line {
color: #333 !important;
font-family: "Iosevka Fixed" !important;
}
/* DJANGO ADMIN */
.required:after {
content: '*';
margin: 0 0 0 5px;
position: absolute;
color: #ff5454;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment