Skip to content

Instantly share code, notes, and snippets.

@songlairui
Last active April 4, 2024 16:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save songlairui/fa79c6b25061d4fcb5be05aaa3b9c6f5 to your computer and use it in GitHub Desktop.
Save songlairui/fa79c6b25061d4fcb5be05aaa3b9c6f5 to your computer and use it in GitHub Desktop.
Minimalist Adminer Theme (only override default theme color)
:root {
--fg: #eed;
--bg: #000;
--text-accent: #eee;
--text-1-accent: #eee;
--text-2-accent: #eea;
--text-link: #fe9;
--text-link-dark: #cc7;
--text-second: #eee;
--text-input: #ddd;
--bg-input: #333;
--border-color: #777;
--bg-third: #444;
--bg-second: #222;
--bg-table-odd: #111;
--text-color-second: #ddd;
--color-red: red;
--color-fee: #fee;
--color-efe: #efe;
--color-007F00: #007F00;
--color-7F007F: #7F007F;
--color-007F7F: #007F7F;
--color-ccc: #ccc;
--color-silver: silver;
--color-gray: gray;
--color-009F00: #009F00;
--color-F0F0FF: #F0F0FF;
--color-FFF0F0: #FFF0F0;
--color-FFFFE0: #FFFFE0;
--color-teal: teal;
--color-purple: purple;
--color-FFBBB0: #FFBBB0;
}
html {
background: var(--bg);
}
body {
background: var(--bg);
color: var(--fg);
}
a {
color: var(--text-link);
}
a:visited {
color: var(--text-link-dark);
}
a:link:hover,a:visited:hover {
color: var(--color-red);
}
h1 {
border-bottom: 1px solid var(--border-color);
color: var(--text-second);
background: var(--bg-second);
}
h2 {
border-bottom: 1px solid var(--text-1-accent);
color: var(--text-1-accent);
background: var(--bg-third);
}
td,th {
border: 1px solid var(--border-color);
}
th {
background: var(--bg-second);
}
thead td,thead th {
background: var(--bg-third);
}
fieldset {
border: 1px solid var(--border-color);
}
code {
background: var(--bg-second);
}
tbody tr:hover td,tbody tr:hover th {
background: var(--bg-second);
}
input, select {
color: var(--text-input);
background: var(--bg-input);
border: 1px solid var(--border-color);
border-radius: 3px;
}
input[type=submit] {
cursor: pointer;
transition: all 0.2s;
}
input[type=submit]:hover {
opacity: 0.8;
}
input.default {
box-shadow: 1px 1px 1px var(--border-color);
}
input.required {
box-shadow: 1px 1px 1px var(--color-red);
}
input.maxlength {
box-shadow: 1px 1px 1px var(--color-red);
}
.version {
color: var(--text-second);
}
.js .column {
background: var(--bg-third);
}
.error {
color: var(--color-red);
background: var(--color-fee);
}
.error b {
background: var(--bg);
}
.message {
color: var(--color-green);
background: var(--color-efe);
}
.message table {
color: var(--text-1-accent);
background: var(--bg);
}
.char {
color: var(--color-007F00);
}
.date {
color: var(--color-7F007F);
}
.enum {
color: var(--color-007F7F);
}
.binary {
color: var(--color-red);
}
.odd td {
background: var(--bg-table-odd);
}
.js .checkable .checked td,.js .checkable .checked th {
background: var(--bg-third);
}
.time {
color: var(--color-silver);
}
.icon {
background-color: var(--text-link-dark);
}
.icon:hover {
background-color: var(--color-red);
}
.footer {
border-top: 20px solid rgba(255,255,255,.7);
border-image: linear-gradient(rgba(255,255,255,.2),var(--bg)) 100% 0;
}
.footer > div {
background: var(--bg);
}
#menu p,#logins,#tables {
border-bottom: 1px solid var(--color-ccc);
}
#logins a,#tables a,#tables span {
background: var(--bg);
}
#breadcrumb {
background: var(--bg-second);
}
#h1 {
color: var(--text-second);
}
#version {
font-size: 67%;
color: var(--color-red);
}
#schema .table {
border: 1px solid var(--color-silver);
}
#help {
border: 1px solid var(--border-color);
background: var(--bg-second);
}
@media all and (max-device-width: 880px) {
#lang {
position: static;
border-top: 1px solid var(--border-color);
}
}
.jush {
color: var(--text-accent);
}
.jush-htm_com,.jush-com,.jush-com_code,.jush-one,.jush-php_doc,.jush-php_com,.jush-php_one,.jush-js_one,.jush-js_doc {
color: var(--color-gray);
}
.jush-php,.jush-php_new,.jush-php_fun {
color: var(--text-2-accent);
background-color: var(--color-FFF0F0);
}
.jush-php_quo,.jush-quo,.jush-quo_one,.jush-php_eot,.jush-apo,.jush-sql_apo,.jush-sqlite_apo,.jush-sql_quo,.jush-sql_eot {
color: var(--color-green);
}
.jush-php_apo {
color: var(--color-009F00);
}
.jush-php_halt2 {
background-color: white;
color: var(--text-accent);
}
.jush-tag_css,.jush-att_css .jush-att_quo,.jush-att_css .jush-att_apo,.jush-att_css .jush-att_val {
color: var(--text-accent);
background-color: var(--color-FFFFE0);
}
.jush-tag_js,.jush-att_js .jush-att_quo,.jush-att_js .jush-att_apo,.jush-att_js .jush-att_val,.jush-css_js {
color: var(--text-accent);
background-color: var(--color-F0F0FF);
}
.jush-tag,.jush-xml_tag {
color: var(--text-link-dark);
}
.jush-att,.jush-xml_att,.jush-att_js,.jush-att_css,.jush-att_http {
color: var(--color-teal);
}
.jush-att_quo,.jush-att_apo,.jush-att_val {
color: var(--color-purple);
}
.jush-ent {
color: var(--color-purple);
}
.jush-js_key,.jush-js_key .jush-quo,.jush-js_key .jush-apo {
color: var(--color-purple);
}
.jush-js_reg {
color: var(--text-link-dark);
}
.jush-php_sql .jush-php_quo,.jush-php_sql .jush-php_apo,.jush-php_sqlite .jush-php_quo,.jush-php_sqlite .jush-php_apo,.jush-php_pgsql .jush-php_quo,.jush-php_pgsql .jush-php_apo,.jush-php_mssql .jush-php_quo,.jush-php_mssql .jush-php_apo,.jush-php_oracle .jush-php_quo,.jush-php_oracle .jush-php_apo {
background-color: var(--color-FFBBB0);
}
.jush-bac,.jush-php_bac,.jush-bra,.jush-mssql_bra,.jush-sqlite_quo {
color: var(--color-red);
}
.jush-num,.jush-clr {
color: var(--color-007F7F);
}
.jush a {
color: var(--text-link-dark);
}
@songlairui
Copy link
Author

songlairui commented Apr 4, 2024

Usage

Just put the file adminer.css alongside adminer.php.
https://www.adminer.org/#extras

Screenshot

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment