diff --git a/dbb-css/base/mailcow/mailcow-base.css b/dbb-css/base/mailcow/mailcow-base.css
new file mode 100644
index 00000000..46cffafa
--- /dev/null
+++ b/dbb-css/base/mailcow/mailcow-base.css
@@ -0,0 +1,256 @@
+body {
+   background: var(--main-bg-color);
+   background-repeat: repeat, no-repeat;
+   background-attachment: fixed, fixed;
+   background-position: center center, center center;
+   background-size: auto, cover;
+   -webkit-background-size: auto, cover;
+   -moz-background-size: auto, cover;
+   -o-background-size: auto, cover;
+   color: var(--text);
+}
+
+.panel {
+   border: 1px solid var(--accent-color);
+}
+
+.panel {
+   background-color: var(--drop-down-menu-bg);
+}
+
+.panel-default>.panel-heading {
+   color: var(--text);
+   background-color: var(--modal-header-color);
+   border-color: transparent;
+}
+
+.panel-default>.panel-heading {
+   color: var(--text);
+   background-color: var(--modal-header-color);
+   border-color: transparent;
+}
+
+legend {
+   color: var(--text);
+}
+
+
+.btn-default {
+   color: var(--button-text);
+   background-color: var(--button-color);
+   border-color: var(--button-color);
+}
+
+.btn-default:focus, .btn-default:hover, .btn-group.open .dropdown-toggle.btn-default {
+   background-color: var(--button-color-hover);
+   border-color: var(--button-color-hover);
+}
+
+.btn-default:hover {
+   color: var(--button-text-hover);
+}
+
+.btn-success {
+    color: var(--button-text);
+    background-color: var(--button-color);
+   border-color: var(--button-color);
+}
+
+.btn-block {
+    color: var(--button-text);
+    background-color: var(--button-color);
+   border-color: var(--button-color);
+}
+
+.btn-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+   border-color: var(--button-color);
+}
+
+.btn-success:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+   border-color: var(--button-color-hover);
+}
+
+.btn-block:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+   border-color: var(--button-color-hover);
+}
+
+.btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+   border-color: var(--button-color-hover);
+}
+
+.modal-content {
+   background-color: var(--modal-bg-color);
+}
+
+.modal-header {
+   border-bottom: 1px solid var(--modal-header-color);
+}
+
+.modal-title {
+   color: var(--text-muted);
+}
+
+.modal .close {
+   color: var(--text);
+}
+
+.navbar-default {
+   background-color: var(--modal-header-color);
+   border-color: var(--modal-header-color);
+}
+
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--accent-color-hover);
+}
+
+.nav-tabs>li>a {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.nav-tabs {
+   border-bottom: 1px solid var(--modal-bg-color);
+}
+
+.nav>li>a:focus, .nav>li>a:hover {
+   background-color: var(--button-color-hover);
+}
+
+.nav-tabs>li>a:hover {
+   border-color: var(--button-color-hover);
+}
+
+.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
+   color: var(--text-color-hover);
+}
+
+.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+   background-color: var(--button-color-hover);
+}
+
+.nav-tabs .open>a, .nav-tabs .open>a:focus, .nav-tabs .open>a:hover {
+   border-color: var(--button-color-hover);
+}
+
+.dropdown-menu {
+   background-color: var(--drop-down-menu-bg);
+   border: 1px solid var(--drop-down-menu-bg);
+}
+
+.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+   color: var(--button-text);
+}
+
+.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
+   color: var(--text-hover);
+}
+
+tbody tr {
+   color: var(--modal-footer-color);
+}
+
+.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
+   color: var(--modal-footer-color);
+}
+
+.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
+   color: var(--modal-footer-color);
+}
+
+.list-group-item {
+   background-color: var(--drop-down-menu-bg);
+   border: 1px solid var(--drop-down-menu-bg);
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+   background-color: var(--modal-bg-color);
+}
+
+tbody tr {
+   color: var(--text);
+}
+
+.label.label-last-login {
+   color: var(--text) !important;
+   background-color: var(--modal-bg-color) !important;
+}
+
+.progress {
+   background-color: var(--modal-bg-color);
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+   color: var(--text);
+}
+
+div.numberedtextarea-number {
+   color: var(--text);
+}
+
+.form-control {
+   color: var(--text);
+}
+
+.well {
+   border: 1px solid var(--modal-bg-color);
+   background-color: var(--modal-bg-color);
+}
+
+.form-control {
+   color: var(--modal-bg-color);
+}
+
+pre {
+   color: var(--text);
+   background-color: var(--modal-bg-color);
+   border: 1px solid var(--modal-bg-color);
+}
+
+.form-control {
+   color: var(--text);
+   background-color: var(--modal-bg-color);
+   border: 1px solid var(--modal-bg-color);
+}
+
+.input-group-addon {
+   color: var(--text);
+   background-color: var(--modal-bg-color);
+   border: 1px solid var(--modal-bg-color);
+}
+
+.panel-heading a {
+    color: var(--link-color);
+}
+
+.panel-heading a:hover {
+    color: var(--link-color-hover);
+}
+
+/* Mobile */
+
+.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
+   color: var(--text);
+}
+
+.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
+   background-color: var(--modal-bg-color);
+}
+
+.navbar-default .navbar-toggle {
+   border-color: var(--modal-bg-color);
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+   background-color: var(--modal-bg-color);
+}