Last active
April 4, 2024 16:58
-
-
Save songlairui/fa79c6b25061d4fcb5be05aaa3b9c6f5 to your computer and use it in GitHub Desktop.
Minimalist Adminer Theme (only override default theme color)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
: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); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Usage
Just put the file adminer.css alongside adminer.php.
https://www.adminer.org/#extras
Screenshot