Unfinished dark theme for Kanka.io
Kanka Dark Beta by polydot
Details
Authorpolydot
LicenseNo License
CategoryUserstyles
Created
Updated
Size5.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Kanka Dark Beta
@version 20211009.20.00
@namespace userstyles.world/user/polydot
@description Unfinished dark theme for Kanka.io
@author polydot
@license No License
==/UserStyle== */
@-moz-document domain("kanka.io") {
.form-inline .has-feedback .form-control-feedback {
color: rgba(184, 184, 184, .65);
}
.skin-black .main-header .navbar {
color: #515151;
background: #515151;
}
.skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .sidebar-toggle:hover {
background: #5e5e5e;
color: #000000;
}
.skin-black .main-header .navbar > .sidebar-toggle, .skin-black .main-header .navbar .nav > li > a {
color: #ffffff;
}
#live-search, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-inline .form-control, .panel, .form-control {
background: #424242!important;
border: 2px solid #6b6b6b;
border-radius: 9px;
color: #f9f9f9;
}
.content-wrapper, html {
background: #333;
}
.main-sidebar{
box-shadow:0px 0px 24px 0px #0007;
}
.sidebar{
border-right:2px dashed #222222;
}
.main-footer, footer .footer-links {
background: #0000004a
}
.content-header > .breadcrumb > li > a, .content-header h1 {
color: #e0e0e0;
}
.btn-default, .box-header, .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #1f1f1f;
color: #b8b8b8!important;
border-radius: 9px;
padding:3px 7px 3px 7px;
}
.box, .list-group-item, .popover, .dropdown-menu, .select2-dropdown, .entity-creator a {
background: #272727;
border: 2px solid #575757!important;
border-radius:9px;
font-family: roboto;
}
.select2-dropdown{
border-top:none!important;
}
.table-striped > tbody > tr:nth-of-type(2n+1), .box-footer {
border-top: none;
background: #444;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
border-width: 2px 0px 0px 0px;
border-color: #575757;
}
.nav-stacked > li.active > a, .nav-stacked > li > a, .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: white!important;
}
.panel-default > .panel-heading {
background: #272727;
color: white;
border-bottom: none;
border-radius: 8px 8px 0px 0px;
}
.panel {
border: 2px solid #575757;
border-radius: 9px;
}
.sidebar-creator, .sidebar-creator a, .entity-creator a:hover, .btn-primary, .btn-primary:hover {
background:#95eb14;
color:black!important;
font-weight:bold;
border:none;
}
a {
color: #96fa00;
}
a:active, a:focus, a:hover {
color: #ccff80;
}
body, .close, label {
color: #999;
}
.box-header.with-border, .box .nav-stacked > li {
border-bottom: 2px solid #575757;
border-radius: 9px 9px 0px 0px;
}
.nav > li > a:hover, .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-tabs-custom > .nav-tabs > li.active:hover > a, .nav-tabs-custom > .nav-tabs > li.active > a {
background: none;
color: #96fa00;
border: none;
}
#form-submit-main {
border-radius: 9px 0px 0px 9px;
}
.btn.btn-success.dropdown-toggle {
border-radius: 0px 9px 9px 0px!important;
}
.alert-dismissable, .btn {
border-radius: 9px;
}
.btn-default, .note-editor.note-airframe, .note-editor.note-frame {
border: 2px solid #575757;
}
.tab-content {
background: #222!important;
border: 2px solid #575757;
border-radius: 0px 9px 9px 9px!important;
}
.entity-form ul.nav, .nav-tabs > li > a {
border: 0px;
}
.nav-tabs-custom > .nav-tabs > li.active {
background: #222;
border-top-color: #96fa00;
}
.entity-form ul.nav li {
background: #222;
color: #515151!important;
border: 2px solid #575757;
border-bottom: none;
border-radius: 9px 9px 0px 0px;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
background: #424242!important;
border: 2px solid #6b6b6b!important;
border-radius: 9px;
color: #f9f9f9;
padding: 2px;
}
.select2-search__field {
background: #1c1c1c;
border: none!important;
border-radius: 9px;
padding-left: 8px!important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background: #333;
color: #777;
}
.select2-container--default .select2-results__option[aria-selected="true"]:hover, .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #ccff80!important;
color: black!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .form-control:focus {
border-color:#ccff80!important;
}
.modal-content{
background:none;
}
hr{
display:none;
}
.label-default{
background: #ccff80!important;
}
.box-title{
padding: 4px 0px 4px 1px;
}
.box.box-solid > .box-header > .box-tools .btn{
padding: 6px 0px 0px 0px;
}
i.fas.fa-question-circle{
padding: 11px 2px 0px 0px;
}
.table-hover > tbody > tr:hover {
background:#1f1f1f;
}
.input-group .input-group-addon{
background:none;
border:2px solid #6b6b6b;
border-radius:9px 0px 0px 9px;
border-right:none;
}
}