Line 1:
Line 1:
/* ui color */
/* ui color */
:root.skin-citizen-dark {--color-surface-0: #333232;}
:root.skin-citizen-dark {--color-surface-0: #333232;}
+
:root.skin-citizen-dark {--color-surface-1: #2B2A2B;}
.list-header {background-color: #333232;}
.list-header {background-color: #333232;}
.mw-footer {background-color: #2B2A2B;}
.mw-footer {background-color: #2B2A2B;}
Line 26:
Line 27:
/* drawer */
/* drawer */
−
.citizen-drawer__header {background-color: #2B2A2B; opacity: 100%;}
+
.citizen-drawer__header {background-color: #2B2A2B;}
−
.citizen-drawer__menu {background-color: #2B2A2B; opacity: 100%;}
+
.citizen-drawer__menu {background-color: #2B2A2B;}
/* preferences */
/* preferences */
#citizen-pref-header {background-color: #2B2A2B;}
#citizen-pref-header {background-color: #2B2A2B;}
−
#citizen-pref-panel {background-color: #2B2A2B;}
+
#citizen-pref-panel {background-color: var(--color-surface-1);}
#citizen-pref-form {background-color: #2B2A2B;}
#citizen-pref-form {background-color: #2B2A2B;}
#citizen-pref-toggle {background: transparent;}
#citizen-pref-toggle {background: transparent;}
Line 41:
Line 42:
/* search */
/* search */
+
#searchform {background-color: #2B2A2B;}
.citizen-search__random {background-color: #2B2A2B;}
.citizen-search__random {background-color: #2B2A2B;}
#searchInput {background-color: #2B2A2B;}
#searchInput {background-color: #2B2A2B;}