body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.css-title {
  text-align: center;
  color: #3cc51f;
}

.css-header {
  padding: 0 0;
}

footer {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}

footer a {
  color: #999;
  text-decoration: none;
}

/* Light mode (default) */
.sixyao-header {
	background-color: #1aad19
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #181a1b;
        color: #e8e6e3;
    }
    .weui-header {
        background-color: #222c36;
        color: #e8e6e3;
    }
    .weui-panel, .weui-cells, .weui-msg, .weui-form-preview, .weui-popup__modal, .toolbar, .weui-picker-modal, .weui-search-bar, .weui-search-bar__box, .weui-search-bar__label, .weui-dialog__hd, .weui-dialog__bd, .weui-dialog__ft {
        background-color: #23272a;
        color: #e8e6e3;
    }
    .weui-grid__label, .weui-media-box__title {
        color: #e8e6e3;
    }
    input, textarea, select, option, table, span {
        background-color: #23272a;
        color: rgb(255, 255, 255);
        border: 1px solid #444;
    }
    .weui-panel__bd {
        background-color: rgb(24, 26, 27);
    }
    .table-row:hover {
        background-color: #3a3f4b;
    }
	.weui-grid:active {
		background-color: rgba(80, 90, 110, 0.5);
	}
	a.weui-media-box:hover {
		background-color: #3a3f4b;
	}
}