White-Label - Dark Mode

Für Modifikationen in und um KeyHelp.
Post Reply
tellerrocker
Posts: 9
Joined: Tue 31. Mar 2020, 09:26

White-Label - Dark Mode

Post by tellerrocker »

Nach langer Zeit bin ich mal wieder zu KeyHelp zurückgekommen und werde erstmal ohne Pro-Version starten. Daher das ich habe das Light Layout nicht mag habe ich kurzerhand ein kleinen "Self-Dark-Mode" zusammen geschrieben. Läuft dauerhaft über die White-Label Funktion. Hier für euch:

Code: Select all

html, body {
	background-color: #181821 !important;
	color: #bdbec9 !important;
}
.table th, .table {
	color: #bdbec9 !important;
}
#header {
	background-color: #1f1f2b !important;
	border-bottom: 0px solid #1f1f2b !important;
	box-shadow: 0px 0px 0px rgb(10 10 10 / 10%) !important;
}
#sidebar {
	background-color: #1f1f2b !important;
	border-right: 0px solid #30343f !important;
	box-shadow: 0px 0px 0px rgb(10 10 10 / 20%) !important;
}
.menu-list a.is-active {
    background-color: transparent !important;
    color: #83d8ae !important;
}
.card {
	background-color: #1f1f2b !important;
	color: #bdbec9 !important;
}
.title, .card-header-title, strong {
	color: #ffffff !important;
}
.breadcrumb a, .breadcrumb li.is-disabled a {
	color: #bdbec9 !important;
}
.breadcrumb a:hover, .breadcrumb li.is-disabled a:hover {
	color: #83d8ae !important;
}
.icon i {
	color: #83d8ae !important;
}
.card-content:not(:first-child), .card-footer {
    border-top: 0px !important;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: transparent !important;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #2a2a39 !important;
}
.table td, .table th {
	padding: 0.75em 1em !important;
	border-bottom: 1px solid #2a2a39 !important;
}
a, .tabs a:hover {
	color: #83d8ae;
}
a:hover {
	color: #bdbec9;
}
.tabs ul {
	border-bottom-width: 0px !important;
}
.tabs.is-boxed a {
	background-color: #232331 !important;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
}
.tabs.is-boxed li.is-active a {
	background-color: #1f1f2b;
	border-color: transparent !important;
}
.tabs li.is-active a {
	color: #fff !important;
}
.tabs.is-boxed a:hover {
    border-bottom-color: transparent !important;
}
.tabs li {
	margin-left: 5px;
	margin-right: 5px;
}
.label {
	color: #ffffff !important;
}
Ist noch nicht 100% fertig aber der Rest sind nur Kleinigekeiten die jeder hin bekommt ;)
hfuser
Posts: 1
Joined: Mon 16. Jan 2023, 18:09

Re: White-Label - Dark Mode

Post by hfuser »

Uhh .. looking nice :)
Post Reply