html[data-dmu-mode="dark"] body {
    --dm-background: #252525;
    --dm-color: #EEF1F3;
    --dm-dcolor: #303030;
    --dm-hcolor: #FFFFFF;
    --dm-link-hover: #D4D4FF;
    --dm-d0-bg: #252525;
    --dm-d1-bg: #353535;
    --dm-d1-br: #454545;
    --dm-d2-bg: #404040;
    --dm-d2-br: #505050;
    --dm-d3-bg: #909090;
    --dm-d3-br: #A0A0A0;
    --dm-hl-active: #C0C0F0;
    --dm-d0-bg-hl: #302A2A;
    --dm-d1-bg-hl: #3B3535;
    --dm-d1-br-hl: #4B4545;
    background-color: var(--dm-background);
    color: var(--dm-color);
}

html[data-dmu-mode="dark"] a {
    color: var(--dm-color);
}

html[data-dmu-mode="dark"] a:hover {
    color: var(--dm-link-hover);
}

/* logo */
html[data-dmu-mode="dark"] #block-huplogo img {
    filter: grayscale(100%) contrast(100%) brightness(0.8);
}

/* top menu */
    
html[data-dmu-mode="dark"] #block-hup-theme-main-menu {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}

html[data-dmu-mode="dark"] .region-header nav.block-menu ul.menu li.menu-item a {
    color: var(--dm-color);
}

html[data-dmu-mode="dark"] .region-header nav.block-menu ul.menu li.menu-item a:hover {
    background-color: var(--dm-d2-bg);
}

/* footer */

html[data-dmu-mode="dark"] footer[role="contentinfo"] .region-footer {
    background-color: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);
}

/* sides */

html[data-dmu-mode="dark"] .sidebars_wrapper .block {
    background: transparent;
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] .block h2 {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}

html[data-dmu-mode="dark"] .block .menu .is-active {
    color: var(--dm-hcolor);
}

/* forum topics */
html[data-dmu-mode="dark"] .view-bookmarks-node table tr, 
html[data-dmu-mode="dark"] .view-legfrisebb-forumtemak table tr
html[data-dmu-mode="dark"] , .view-tracker table tr {
    border-color: var(--dm-d1-br) !important;
}
/* content normal */
html[data-dmu-mode="dark"] span.field--name-title {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}

/* content sticky */

html[data-dmu-mode="dark"] .node.node--sticky {
    background-color: var(--dm-d1-bg) !important;
    border-color: var(--dm-d1-br) !important;
}

html[data-dmu-mode="dark"] .node.node--sticky .field--name-title {
    background-color: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);       
}

/* hup style ov */
html[data-dmu-mode="dark"] .view-legfrisebb-forumtemak, 
html[data-dmu-mode="dark"] .view-tracker, 
html[data-dmu-mode="dark"] .view-bookmarks-node {
    background-color: var(--dm-d0-bg) !important;
}
html[data-dmu-mode="dark"] .view-legfrisebb-forumtemak table tr:hover, 
html[data-dmu-mode="dark"] .view-tracker table tr:hover, 
html[data-dmu-mode="dark"] .view-bookmarks-node table tr:hover {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] .view-legfrisebb-forumtemak table td.is-active, 
html[data-dmu-mode="dark"] .view-tracker table td.is-active, 
html[data-dmu-mode="dark"] .view-bookmarks-node table td.is-active {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] .view-content .views-field-nothing {
    filter: grayscale(100%) brightness(0.8);
}
/* poll */
html[data-dmu-mode="dark"] .poll .bar {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}

html[data-dmu-mode="dark"] .poll .bar .foreground {
    background: var(--dm-d3-bg) !important;
}

html[data-dmu-mode="dark"] .poll .is-current-selection .bar .foreground {
    background: var(--dm-hl-active) !important;
}

/* comments */
html[data-dmu-mode="dark"] #block-hup-theme-content .field--name-comment, 
html[data-dmu-mode="dark"] #block-hup-theme-content .field--name-comment-forum {
    background: transparent;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment {
    background-color: var(--dm-d0-bg) !important;
    border-color: var(--dm-d1-br) !important;
}    
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment .comment_info_wrapper {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment .comment-links-wrapper {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.by-viewer .comment_info_wrapper {
    background-color: var(--dm-d2-bg) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.by-viewer .comment-links-wrapper {
    background-color: var(--dm-d2-bg) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.new {
    background-color: var(--dm-d0-bg-hl) !important;
    border-color: var(--dm-d1-br-hl) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.new .comment_info_wrapper {
    background-color: var(--dm-d1-bg-hl) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.new .comment-links-wrapper {
    background-color: var(--dm-d1-bg-hl) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content .field--name-signature {
    border-color: var(--dm-d1-br) !important;        
}
html[data-dmu-mode="dark"] #block-hup-theme-content .comment_links a, 
html[data-dmu-mode="dark"] #block-hup-theme-content .flag-bookmark-node.action-flag a, 
html[data-dmu-mode="dark"] #block-hup-theme-content .flag-bookmark-node.action-unflag a, 
html[data-dmu-mode="dark"] #block-hup-theme-content .action-unflag a, 
html[data-dmu-mode="dark"] #block-hup-theme-content .action-flag a {
    filter: invert(65%);
}
html[data-dmu-mode="dark"] #block-hup-theme-content .hup-voters-wrapper span {
    background-color: var(--dm-d1-bg) !important;
    border-color: var(--dm-d1-br) !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content .username_postfix, 
html[data-dmu-mode="dark"] #block-hup-theme-content .comment__meta .edited {
    filter: invert(100%);
}
html[data-dmu-mode="dark"] #block-hup-theme-content #comment-form {
    background: transparent;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment .comment_info_wrapper mark {
    background: #711;
    color: #FFF;
}
/* form elements */
html[data-dmu-mode="dark"] input, 
html[data-dmu-mode="dark"] textarea, 
html[data-dmu-mode="dark"] select {
    background-color: var(--dm-d1-bg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--dm-d1-br);
    padding: 3px 0px;
    color: var(--dm-color);
}    

html[data-dmu-mode="dark"] input:focus {
    outline: none;
    border-color: var(--dm-d2-br) !important;
}
    
html[data-dmu-mode="dark"] input[type="button"], 
html[data-dmu-mode="dark"] input[type="submit"] {
    padding: 3px 3px;
    border-radius: 3px;
}
/* messages/notifications */
html[data-dmu-mode="dark"] .messages--error {
    background: #433;
    border: 1px solid #544;
    box-shadow: -8px 0 0 #955;
}

html[data-dmu-mode="dark"] .messages--error div[role="alert"] {
    color: #F99;
}

html[data-dmu-mode="dark"] .messages--status {
    background: #343;
    border: 1px solid #454;
    box-shadow: -8px 0 0 #595;
    color: #9F9;
}

html[data-dmu-mode="dark"] .messages--status div[role="alert"] {
    color: #9F9;
}

html[data-dmu-mode="dark"] .messages--warning {
    background: #443618;
    border: 1px solid #e09600;
    box-shadow: -8px 0 0 #e09600;
    color: #d9bd85;
}

html[data-dmu-mode="dark"] .messages--warning div[role="alert"] {
    color: #d9bd85;
}
/* misc */

html[data-dmu-mode="dark"] .moderated-comment {
	color: #C08080 !important;
	background-color: #403030 !important;
	border: 1px solid #493939 !important;
}

html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.moderated-comment {
	color: #C0C0C0 !important;
	background-color: #403030 !important;
	border: 1px solid #493939 !important;
}    
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.moderated-comment .comment_info_wrapper {
	background-color: #4C3C3C !important;
}
html[data-dmu-mode="dark"] #block-hup-theme-content article.comment.moderated-comment .comment-links-wrapper {
	background-color: #4C3C3C !important;
}    
html[data-dmu-mode="dark"] #block-hup-theme-content .flag-hozzaszolas-moderacio a {
	filter: none !important;
}

html[data-dmu-mode="dark"] fieldset, 
html[data-dmu-mode="dark"] details {
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] button.link {
    color: var(--dm-color);
}
html[data-dmu-mode="dark"] .menu-item--expanded, 
html[data-dmu-mode="dark"] .menu-item--collapsed {
    list-style-image: none;
}
html[data-dmu-mode="dark"] .tabs ul li a {
    background: transparent;
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] .tabs ul li a:hover, 
html[data-dmu-mode="dark"] .tabs ul li a.is-active {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] .node-preview-container {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] .node-preview-backlink {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
html[data-dmu-mode="dark"] .node-preview-backlink:hover {
    background: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);
}

/* ckeditor */
html[data-dmu-mode="dark"] .ck-editor__editable {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-color: var(--dm-d2-br);
}
html[data-dmu-mode="dark"] .ck.ck-editor__editable {
    border-color: var(--dm-d1-br) !important;
}    
html[data-dmu-mode="dark"] .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border-color: var(--dm-d3-br) !important;
}
html[data-dmu-mode="dark"] .ck.ck-toolbar {
    background-color: var(--dm-d2-bg) !important;
}
html[data-dmu-mode="dark"] .ck.ck-icon {
    filter: invert(100%);
}
html[data-dmu-mode="dark"] .ck.ck-button:not(.ck-disabled):hover .ck-icon {
    filter: none;
}    
html[data-dmu-mode="dark"] .ck.ck-button .ck-button__label {
    color: var(--dm-color);
}
html[data-dmu-mode="dark"] .ck.ck-dropdown__panel {
    background-color: var(--dm-d0-bg) !important;
    border-color: var(--dm-d1-br) !important;
}
html[data-dmu-mode="dark"] .ck .ck-button__label {
    color: var(--dm-color);
}
html[data-dmu-mode="dark"] .ck.ck-list {
    background-color: var(--dm-d1-bg) !important;
}
html[data-dmu-mode="dark"] .ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on {
    background-color: var(--dm-d1-bg) !important;
}
/* cke */
html[data-dmu-mode="dark"] .cke_chrome {
    border-color: #666;
}

html[data-dmu-mode="dark"] .cke_inner {
    background-color: #404040;
}

html[data-dmu-mode="dark"] .cke_top {
    background-color: #555;
    border-color: #555;
}

html[data-dmu-mode="dark"] .cke_bottom {
    background-color: #404040;
    border-color: #666;
}

html[data-dmu-mode="dark"] .cke_toolbar span {
    color: #FFF;
}

html[data-dmu-mode="dark"] .cke_button_icon, .cke_combo_arrow {
    filter: brightness(2.75);
}

html[data-dmu-mode="dark"] .cke_combo_on a.cke_combo_button {
    background-color: #404040;
}

html[data-dmu-mode="dark"] a.cke_button_off:hover {
    background-color: #404040;
}
html[data-dmu-mode="dark"] .cke_combo_off a.cke_combo_button:hover {
    background-color: #404040;    
}

html[data-dmu-mode="dark"] .cke_panel_listItem a:focus {
    background-color: #555;
    color: #FFF !important;
}

html[data-dmu-mode="dark"] .cke_panel_listItem a:hover {
    background-color: #666;
    color: #FFF !important;
}

html[data-dmu-mode="dark"] textarea.cke_source {
    background: transparent;
}