body {
    background: #e9efe1 url(https://www.draconity.org/assets/ftp/DorgDay.png) no-repeat;
    background-size: cover;
    //backdrop-filter: brightness(1.3) saturate(0.5);
    transition-duration: 0.2s;
	//transition-timing-function: ease-in-out;
    color:#000;
	
	.fa.fa-lightbulb-o {
	    font-family: "Font Awesome 6 Free";
	    font-weight: 900; 
    }
    	
    .composer {
         background:#888;
    }
    
    .category>ul>li:not(.unread) h2 a {
        color:#0ce3ac;
    }
    
    #panel {
        background-color:transparent;
        min-height:100%;
        padding-bottom:40px;
    }
    
    .posts-list .posts-list-item .topic-title{
    	color:#0ce3ac;
    	font-weight:900;
    	font-size:125%;
    	text-decoration:underline
    }
    
    .modal-header .fa, .modal-header .fab, .modal-header .fad, .modal-header .fal, .modal-header .far, .modal-header .fas, .modal-header .close {
        color:#000;
    }
    
    // Wulfra color tweak for readability
    .pagination-text {
        color: #000 !important;
    }
    
    .topic .posts.timeline .timeline-event .icon .avatar, .topic .posts.timeline .timeline-event .timeline-badge, .topic .posts.timeline>[component=post] .icon .avatar, .topic .posts.timeline>[component=post] .timeline-badge {
    	box-shadow: 0 0 0 0.1rem #fff !important;
    }
    
    .topic-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .topic-list-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .btn-close {
        background-color: #363636 !important;
    }
    
    .category-item {
        transition: background-color 600s linear;
    }
    
    .visible-xs-inline {
        display: inline !important;
    }
    
    .bg-info {
        color: #000 !important;
    }
    
    a {
        color: #1e7d6a !important;
    }
    
    .content a {
        text-decoration: underline;
    }
}    

body.lights-out {
    background: #121809 url(https://www.draconity.org/assets/ftp/DorgNight.png) no-repeat;
    background-size: cover;
    color: #999999;
    
    --bs-black: #fff;
	--bs-white: #000;
	
	--bs-gray: #6A5A59;
	--bs-gray-dark: #CBC5BF;
	--bs-gray-100: #070605;
	--bs-gray-200: #130F0E;
	--bs-gray-300: #211D19;
	--bs-gray-400: #312B25;
	--bs-gray-500: #4B433D;
	--bs-gray-600: #6A5A59;
	--bs-gray-700: #847574;
	--bs-gray-800: #CBC5BF;
	--bs-gray-900: #DEDAD6;
	--bs-light: #130F0E;
	--bs-dark: #847574;
	--bs-light-rgb: 15,15,15;
	--bs-dark-rgb: 128,128,128;
	--bs-white-rgb: 0,0,0;
	--bs-black-rgb: 255,255,255;
    --bs-body-bg: #151515;
    --bs-body-bg-rgb: 15,15,15;
	
	p {
	    color:#999999;
	}
	.deco-none, .deco-none:hover, .deco-none:link {
    	color: #ffffff;
    	text-decoration: inherit;
    }
    .category>ul>li:not(.unread) .card {
        border-color: #262525 !important;
    }
    
    .topic .posts.timeline .timeline-event .icon .avatar, .topic .posts.timeline .timeline-event .timeline-badge, .topic .posts.timeline>[component=post] .icon .avatar, .topic .posts.timeline>[component=post] .timeline-badge {
    	box-shadow: 0 0 0 0.1rem #212121;
    }

    .navbar {
    	--bs-navbar-color: rgba(128, 128, 128, 0.55);
    	--bs-navbar-hover-color: rgba(255, 255, 255, 0.7);
    	--bs-navbar-active-color: rgba(255, 255, 255, 0.9);
    	--bs-navbar-brand-color: rgba(128, 128, 128, 0.9);
    	--bs-navbar-brand-hover-color: rgba(255, 255, 255, 0.9);
    	
    }
    
    .navbar-default {
        background-color: #151515;
        border-color: #171717;

        .fa-fw {
            color: white;
        }

        li.active a {
            background-color: #333 !important;
        }
    }

    .btn-primary {
        color: white;
    }

    .btn-default {
        color: #ffffff;
        background-color: #424242;
        border-color: #424242;
    }

    .btn-default:focus,
    .btn-default.focus {
        color: #ffffff;
        background-color: #282828;
        border-color: #020202;
    }

    .btn-default:hover {
        color: #ffffff;
        background-color: #282828;
        border-color: #232323;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #ffffff;
        background-color: #282828;
        border-color: #232323;
    }

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus {
        color: #ffffff;
        background-color: #161616;
        border-color: #020202;
    }
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #424242;
        border-color: #424242;
    }
    .btn-default .badge {
        color: #424242;
        background-color: #ffffff;
    }

    .btn-primary {
        color: #ffffff;
        background-color: none;
        border-color: none;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #2180ac;
        border-color: #15506c;
    }
    
    .btn-primary:hover {
        color: #ffffff;
        background-color: #2180ac;
        border-color: #1f79a3;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #2180ac;
        border-color: #1f79a3;
    }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #ffffff;
        background-color: #1b698e;
        border-color: #15506c;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: none;
        border-color: none;
    }

    .btn-primary .badge {
        color: none;
        background-color: #ffffff;
    }

    .btn-success {
        color: #ffffff;
        background-color: #77b300;
        border-color: #77b300;
    }

    .btn-success:focus,
    .btn-success.focus {
        color: #ffffff;
        background-color: #558000;
        border-color: #223300;
    }

    .btn-success:hover {
        color: #ffffff;
        background-color: #558000;
        border-color: #4e7600;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #558000;
        border-color: #4e7600;
    }

    .btn-success:active:hover,
    .btn-success.active:hover,
    .open > .dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open > .dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open > .dropdown-toggle.btn-success.focus {
        color: #ffffff;
        background-color: #3d5c00;
        border-color: #223300;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #77b300;
        border-color: #77b300;
    }

    .btn-success .badge {
        color: #77b300;
        background-color: #ffffff;
    }

    .btn-info {
        color: #ffffff;
    }
    
    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
    }

    .btn-info:hover {
        color: #ffffff;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
    }

    .btn-info:active:hover,
    .btn-info.active:hover,
    .open > .dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open > .dropdown-toggle.btn-info.focus {
        color: #ffffff;
        background-color: #652287;
        border-color: #4c1966;
    }

    .btn-warning {
        color: #ffffff;
        background-color: #ff8800;
        border-color: #ff8800;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        color: #ffffff;
        background-color: #cc6d00;
        border-color: #804400;
    }

    .btn-warning:hover {
        color: #ffffff;
        background-color: #cc6d00;
        border-color: #c26700;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #cc6d00;
        border-color: #c26700;
    }

    .btn-warning:active:hover,
    .btn-warning.active:hover,
    .open > .dropdown-toggle.btn-warning:hover,
    .btn-warning:active:focus,
    .btn-warning.active:focus,
    .open > .dropdown-toggle.btn-warning:focus,
    .btn-warning:active.focus,
    .btn-warning.active.focus,
    .open > .dropdown-toggle.btn-warning.focus {
        color: #ffffff;
        background-color: #a85a00;
        border-color: #804400;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #ff8800;
        border-color: #ff8800;
    }

    .btn-warning .badge {
        color: #ff8800;
        background-color: #ffffff;
    }

    .btn-danger {
        color: #ffffff;
        background-color: #cc0000;
        border-color: #cc0000;
    }

    .btn-danger:focus,
    .btn-danger.focus {
        color: #ffffff;
        background-color: #990000;
        border-color: #4d0000;
    }

    .btn-danger:hover {
        color: #ffffff;
        background-color: #990000;
        border-color: #8f0000;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #990000;
        border-color: #8f0000;
    }

    .btn-danger:active:hover,
    .btn-danger.active:hover,
    .open > .dropdown-toggle.btn-danger:hover,
    .btn-danger:active:focus,
    .btn-danger.active:focus,
    .open > .dropdown-toggle.btn-danger:focus,
    .btn-danger:active.focus,
    .btn-danger.active.focus,
    .open > .dropdown-toggle.btn-danger.focus {
        color: #ffffff;
        background-color: #750000;
        border-color: #4d0000;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #cc0000;
        border-color: #cc0000;
    }

    .btn-danger .badge {
        color: #cc0000;
        background-color: #ffffff;
    }

    .btn-link {
        color: none;
        font-weight: normal;
    }

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-link,
    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        border-color: transparent;
    }

    .btn-link:hover,
    .btn-link:focus {
        color: none;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #888888;
        text-decoration: none;
    }

    
    .dropdown-menu {
        background-color: #222222;
        border: 1px solid #444444;
        border: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }
    
    .dropdown-menu .divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .dropdown-menu > li > a {
        color: #ffffff;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: none;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: none;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #888888;
    }

    .panel-default {
        border-color: #333;
    }

    .category > ul > li .tag-list .tag {
        background-color: #404040;
    }

    .pagination a {
        color: #ffffff;
        background-color: #404040;
        border-color: #232323;
    }
    
    .page.active a {
        background-color: #848484;
    }
    
    .pagination > li > a:hover {
        background-color: #5D5C5C !important;
    }

    .status.online {
        color: #4caf50;
    }
    
    .status.away {
        color: #ff6d00;
    }
    
    .status.dnd {
        color: #f44336;
    }
    
    .status.offline {
        color: #555;
    }

    .topic-main-buttons .btn-info {
        background-color: #8F8F8F !important;
        border-color: #8F8F8F !important;
    }

    .topic .posts hr{
        border-top: 1px solid #363636;
    }

    .topic .post-signature {
        border-top: 1px dashed #3c3c3c;
    }

    @media (max-width: 767px) {
        .categories > li, .category > ul > li {
            border-top: 1px solid #3c3c3c;
        }

        .categories > li:last-child, .category > ul > li:last-child {
            border-bottom: 1px solid #3c3c3c;
        }    
    }

    .well {
        background-color: #191919 ; 
    }

    .form-control {
        background-color: #dcdcdc;
    }

    .composer .write {
        background-color: #212121;
        color: #999999;
    }

    .chats-list>li .teaser-content {
        color: #666;
    }

    .chat-list .unread {
        background-color: #4a4a4a !important;
    }

    .chats-list>li {
        border-color: #060606;
        border-bottom: 1px solid #060606 !important;
    }

    .chats-list {
        border-top: 1px solid #060606;
    }

    .chat-modal {
        .modal-body {
            background-color: #191919;
        }
        .modal-header {
            background-color: #333;
            color: #eee;
            border-bottom: 0px solid #e5e5e5;
        }
        .modal-content {
            border: 1px solid #3c3c3c;
            background-color: #3c3c3c;
        }
        .chat-content li.chat-message[data-break=true] {
            border-top: 1px solid #3c3c3c;
        }
        .expanded-chat {
            border-top: 1px solid #3c3c3c;    
        }
    }

    .topic-header {
        background-color: #191919;
    }

    .topic-list-header {
        background: #191919;
        border: none;
    }
    
    // Wulfra added dark mode code
    .text-muted {
        color: #c4c4c4 !important;
    }
    
    .active {
        color: #c9c9c9 !important;
    }
    
    .teaser-content {
        color: #c4c4c4 !important;
    }
    
    .room-name {
        color: #c9c9c9 !important;
    }
    
    .btn-close {
        background-color: #c4c4c4 !important;
    }
    
    .fa-chevron-up {
        color: #c4c4c4 !important;
    }
    
    .pagination-text {
        color: #fff !important;
    }
    
    blockquote {
        background-color: #363636 !important;
    }
    
    .alert {
        background-color: #212121 !important;
    }
    
    .btn-close {
        background-color: #c4c4c4 !important;
    }
    
    .pointer {
        color: #fff !important;
    }
    
    .resizer {
        background: transparent !important;
    }
    
    .btn {
        color: rgb(67, 221, 191) !important;
    }
    
    .btn-primary {
        color: #fff !important;
        background-color: rgb(21, 130, 108) !important;
    }
    
    .btn-info {
        color: #fff !important;
        background-color: rgb(21, 130, 108) !important;
        border-color: #20605e !important;
    }
    
    .btn-light {
        background-color: #4a4a4a !important;
        color: #fff !important;
        border-color: #20605e !important;
    }
    
    .modal-content {
        background-color: #212121 !important;
        color: #999999 !important;
    }
    
    a {
        color: rgb(67, 221, 191) !important;
    }
    
    .content a {
        text-decoration: underline;
    }
    
    .tag {
        background-color: #4a4a4a !important;
        color: #999999 !important;
    }
    
    .bg-info {
        background-color: #4a4a4a !important;
        color: #999999 !important;
    }
    
    code {
        background-color: #212121 !important;
        color: #999999 !important;
    }
    
    .rounded-1:hover {
        background-color: #4a4a4a !important;
    }
    
    .chat-room-btn:hover {
        background-color: #4a4a4a !important;
    }
    
    .profile-meta {
        color: #999999 !important;
    }
    
    strong {
        color: rgb(67, 221, 191) !important;
    }
    
    .card {
        background-color: #363636 !important;
        color: #999999 !important;
    }
    
    .form-select {
        background-color: #4a4a4a !important;
        color: #999999 !important;
        border-color: #20605e !important;
    }
    
    .form-control {
        background-color: #4a4a4a !important;
        color: #999999 !important;
        border-color: #20605e !important;
    }
    
    .chat-input {
        color: #c9c9c9 !important;
        --bs-secondary-color: #c9c9c9 !important;
    }
    
    ::placeholder {
        color: #999999 !important;
    }
    
    table {
        background-color: #4a4a4a !important;
        --bs-table-bg: #4a4a4a !important;
    }
    
    .search-button {
        color: #fff !important;
        background-color: rgb(21, 130, 108) !important;
        border-color: #20605e !important;
    }
    
    .list-group {
        background-color: #4a4a4a !important;
        color: #999999 !important;
        --bs-list-group-bg: none !important;
        --bs-list-group-color: none !important;
        --bs-list-group-border-color: none !important;
    }
    
    #panel {
        background-color:transparent;
        min-height:100%;
        padding-bottom:40px;
    }
    
    .topic-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .topic-list-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .category-item {
        transition: background-color 600s linear;
    }
    
    .visible-xs-inline {
        display: inline !important;
    }
    
    .cookie-consent {
        background-color: #212121 !important;
    }
    
    .tos {
        background-color: #363636 !important;
        color: #999999 !important;
    }
    
    li.unread {
        background-color: #4a4a4a !important;
    }
    
    li.clearfix {
        background-color: transparent !important;
    }
    
    [component="chat/recent"] .active .chat-room-btn {
        background-color: #4a4a4a !important;
    }
    
}