CSS: Dark mode syntax highlighting and adminer-dark.css

designs/bilal-dark/adminer.css

@@ -1,259 +0,0 @@
-/*
- * Dark Theme for Adminer by 'Muhammad Bilal Yameen' [github.com/bilal-yameen/dark-theme-for-adminer]
- */
-html,body,header,footer,aside,menu,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;border:none;background:transparent;font-size:10pt;font-weight:normal}
-ol,ul{list-style:none}
-blockquote,q{quotes:none}
-blockquote:before,blockquote:after,q:before,q:after{content:none}
-:focus{outline:0}
-ins{text-decoration:none}
-del{text-decoration:line-through}
-table{border-collapse:collapse;border-spacing:0}
-aside,menu{display:block}
-input[type='submit'],input[type='checkbox'],input[type='radio'],input[type='file'],select,label{cursor:pointer}
-input[disabled=""]{opacity:.5;cursor:not-allowed;color:#666 !important;border-color:#aaa !important}
-input[type='text']{-webkit-user-modify:read-write-plaintext-only}
-@font-face{font-family:'entypo';src:url('../fonts/entypo.eot');src:url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),url('../fonts/entypo.woff') format('woff'),url('../fonts/entypo.ttf') format('truetype'),url('../fonts/entypo.svg#entypo') format('svg');font-weight:normal;font-style:normal}
-html{overflow-y:scroll;-webkit-text-size-adjust:none}
-body{font-family:"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;background:#22252a;color:#a5a8ad;width:100%}
-a,a:visited{padding:4px 0;color:#0c83d9;transition:color .1s ease 0s,background-color .1s ease 0s}
-a:link:hover,a:visited:hover{color:#0063a9;text-decoration:none}
-a sup{padding:0 5px}
-#logins a,#tables a,#tables span{background:none}
-.active:before{font-weight:normal}
-label{padding:3px 10px}
-input::-webkit-input-placeholder{color:#999}
-input::-moz-placeholder{color:#999}
-input:-ms-input-placeholder{color:#999}
-input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea,pre[contenteditable="true"],select{padding:4px 5px !important;border:1px solid #ccc !important;border-radius:2px;font-size:10pt;background:#202225;color:#a5a8ad;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
-input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea{-webkit-appearance:none}
-input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],select{height:28px}
-input[type="submit"]{display:inline-block;padding:7px 15px;border:1px solid #0c83d9;border-radius:2px;background:#0c83d9;color:#fff;text-align:center;text-decoration:none;font-size:10pt;transition:background-color .1s ease 0s;-webkit-appearance:none}
-input[type="submit"]:hover{background:#0063a9;border-color:#0063a9}
-input[type="submit"][disabled=""]:hover{background:#22252a}
-input[type="submit"].default{box-shadow:none}
-input[type="image"]{border:4px solid #22252a;outline:1px solid #0a83d9;-moz-outline-radius:2px;margin-right:5px}
-input[type="image"]:last-child{margin-right:0}
-input[type="image"]:hover{border-color:#282b2f}
-input[type="checkbox"],input[type="radio"]{margin:7px 5px 7px 0}
-fieldset{margin:5px 5px 10px 0;padding:5px 10px;border:1px solid rgba(255,255,255,0.1);border-radius:2px;background:#282b2f;min-height:55px}
-fieldset input[type="submit"]{padding:3px 10px;border-color:#0c83d9;background:#22252a;color:#0c83d9}
-fieldset input[type="submit"]:hover{background:#0c82d4;color:#fff}
-fieldset input[type="submit"].default{border-color:#0c83d9;background:#0c83d9;color:#22252a}
-fieldset input[type="submit"].default:hover{background:#0063a9;border-color:#0063a9}
-fieldset a{padding:6px 8px}
-fieldset+table,table+fieldset{margin-top:10px}
-fieldset legend a{position:relative;padding:4px 0 50px}
-fieldset>div>div,fieldset>div>p,fieldset>div>a,fieldset>div>code,fieldset>div>input,fieldset>div>select,fieldset>a{position:relative}
-legend{margin-bottom:3px}
-legend:before,legend:after{content:" "}
-p input,p select,p label,fieldset input,fieldset select{margin:0 5px 5px 0}
-.js fieldset>.hidden{display:block;margin-top:5px;text-align:center}
-.js fieldset>.hidden *{display:none !important}
-.js fieldset>.hidden:before{content:"⏶";font-family:"entypo",sans-serif;font-size:40pt;line-height:0;vertical-align:middle;color:#e2e2e2}
-#fieldset-select.hidden:before{content:"⚏"}
-#fieldset-search.hidden:before{content:"🔍"}
-#fieldset-sort.hidden:before{content:"⏷"}
-#fieldset-export.hidden:before{content:"📤"}
-#fieldset-import.hidden:before{content:"📥"}
-#fieldset-history.hidden:before{content:""}
-#fieldset-history br{display:block;margin-bottom:20px}
-#fieldset-history.hidden br{display:none}
-#fieldset-partition.hidden:before{content:""}
-.size{width:8ex}
-.sqlarea{width:100% !important;height:350px}
-@media only screen and (max-width:768px){
-  input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea,pre[contenteditable="true"],select{font-size:12pt;vertical-align:-1px}
-  input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],select{height:32px}
-  fieldset input[type="submit"]{padding:6px 15px}
-  .sqlarea{height:250px}
-}
-@media only screen and (max-width:360px){
-  input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea,pre[contenteditable="true"],select{width:100%}
-  input[type="submit"],fieldset input[type="submit"]{padding-left:10px;padding-right:10px}
-}
-#lang{position:fixed;right:0;top:0;left:auto;border:none;padding:0 0 0 10px;width:190px;height:40px;line-height:30px;font-size:0;z-index:101;background:#282b2f}
-#lang select{padding:2px 3px;margin:6px 0;width:100px}
-.logout{position:fixed;right:10px;margin:0;z-index:101;overflow:hidden}
-.logout input[type="submit"]{border:none;margin:0;padding:0 10px;height:40px;background:transparent;color:#0c83d9}
-.logout input[type="submit"]:hover{background:transparent;color:#0063a9}
-@media only screen and (max-width:768px){
-  #lang{position:static;left:0;top:0;width:auto;border-top:1px solid rgba(255,255,255,0.1);background:#282b2f}
-  #lang select{margin:4px 10px 0 10px}
-  .logout{position:relative;float:right;margin-top:-40px}
-}
-@media only screen and (max-width:360px){
-  #lang select{margin-left:0}
-}
-#content{position:relative;margin:0 0 0 261px;padding:41px 20px 80px 20px}
-#content:before{position:fixed;left:0;top:0;content:"";display:block;width:100%;height:40px;background:#282b2f;border-bottom:1px solid rgba(255,255,255,0.1)}
-#content .links+p{color:#999}
-#breadcrumb{position:fixed;left:261px;top:0;right:0;margin:0;padding:0 0 0 20px;border-right:205px solid #282b2f;background:#282b2f;height:40px;line-height:40px;z-index:100;overflow:hidden;text-overflow:ellipsis}
-#breadcrumb a{display:inline-block;padding:0;height:40px;line-height:40px}
-h2{margin:20px 0;font-size:20pt;color:#a5a8ad}
-h3{margin:30px 0 10px 0;font-size:16pt}
-p{margin:10px 0}
-code{display:block;padding:10px;margin:5px 0;border-left:7px solid #58595a;border-radius:2px;background:#2d3135;overflow:auto}
-td code,th code,fieldset code:first-child{display:inline;margin:0;padding:0;background:none;border:none}
-pre code{margin:0}
-fieldset code+i{display:none}
-.time{margin-left:10px;float:right;font-size:8pt;color:#bbb}
-.error,.message{margin:20px 0;padding:10px;border-left:7px solid #cec}
-.error{color:#900;border-color:#ecc}
-.message pre{margin:15px 0 5px 0}
-.message p{margin:0 0 5px 0}
-pre+.message,pre+.error{margin-top:0}
-#help{z-index:200;border:1px solid rgba(255,255,255,0.1);border-radius:2px;background:#282b2f;padding:5px 7px}
-.icon{background-color:#0c83d9}
-.icon:hover{background-color:#0063a9}
-@media only screen and (max-width:768px){
-  #content{margin-left:0}
-  #breadcrumb{left:0;padding-left:50px;border-right-width:0}
-}
-@media only screen and (max-width:360px){
-  #content{padding:41px 10px 20px}
-  h2{margin:15px 0;font-size:16pt}
-}
-h1{height:40px;white-space:nowrap;overflow:hidden}
-h1 #h1{display:inline-block;padding:0;background:url("../images/logo.png?3") 10px center no-repeat;background-size:120px;text-indent:-100px;width:135px;height:40px}
-.version,#version{position:relative;top:-7px;vertical-align:bottom;font-size:8pt;font-style:italic;color:#bbb}
-#version{padding:5px;color:#0c83d9}
-#version:hover{color:#0063a9}
-#menu{position:fixed;left:0;top:0;bottom:0;width:260px;margin:0;padding:0;border-right:1px solid rgba(255,255,255,0.1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#22252a;z-index:100}
-#menu p{padding:10px;border-bottom:none}
-#menu .links{background:#282b2f;border-bottom:1px solid rgba(255,255,255,0.1);padding:0 10px 7px 10px}
-#menu .message{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.1);color:#bbb}
-#filter-field{margin:0;width:100%}
-.menu-list{border-bottom:1px solid rgba(255,255,255,0.1) !important;padding:0 !important;margin-bottom:25px !important  }
-.menu-link{display:block;padding:2px 10px;width:auto;height:20px;line-height:20px;color:#a5a8ad;overflow:hidden;text-overflow:ellipsis}
-.menu-link.active{background:#282b2f;color:#0c83d9}
-.menu-link.active:hover{background:#1b1f25}
-p#dbs{border-top:1px solid rgba(255,255,255,0.1);background:#282b2f;color:#282b2f;font-size:0}
-p#dbs span{font-size:0}
-p#dbs select{margin:0;width:100%}
-#tables{border-bottom:1px solid rgba(255,255,255,0.1) !important;padding:0 !important;margin-bottom:25px !important  }
-#tables li{position:relative}
-#tables li:hover{background:#282b2f}
-#tables a strong{font-weight:bold}
-#tables a.structure{display:block;padding:2px 10px;width:auto;height:20px;line-height:20px;color:#a5a8ad;overflow:hidden;text-overflow:ellipsis;padding-right:0}
-#tables a.structure.active{background:#282b2f;color:#0c83d9}
-#tables a.structure.active:hover{background:#1b1f25}
-#tables a.select{position:absolute;right:0;top:0;display:block;padding:2px 7px;height:20px;line-height:20px;color:#999;overflow:hidden;width:16px}
-#tables a.select:before{content:"📄  ";font-family:entypo,sans-serif;font-size:24pt;line-height:0;vertical-align:-3px}
-#tables li:first-of-type a{padding-top:7px}
-#tables li:last-child a{padding-bottom:7px}
-#tables a.active+a{background:#282b2f;color:#0c83d9;font-weight:bold}
-#tables a.active+a:hover{background:#1b1f25}
-#tables a.active:hover+a{background:#1b1f25}
-#tables a:hover+a.active{background:#1b1f25}
-#tables br{display:none}
-#tables.simple a{display:block;padding:2px 10px;width:auto;height:20px;line-height:20px;color:#a5a8ad;overflow:hidden;text-overflow:ellipsis}
-#tables.simple a.active{background:#282b2f;color:#0c83d9}
-#tables.simple a.active:hover{background:#1b1f25}
-#logins{border-bottom:1px solid rgba(255,255,255,0.1) !important;padding:0 !important;margin-bottom:25px !important  ;border-top:1px solid rgba(255,255,255,0.1)}
-#logins a{display:block;padding:2px 10px;width:auto;height:20px;line-height:20px;color:#a5a8ad;overflow:hidden;text-overflow:ellipsis}
-#logins a.active{background:#282b2f;color:#0c83d9}
-#logins a.active:hover{background:#1b1f25}
-#logins a:hover{background:#282b2f}
-#logins a:first-of-type{padding-top:7px}
-#logins a:last-of-type{padding-bottom:7px}
-#logins br{display:none}
-@media only screen and (max-width:768px){
-  h1:before{float:left;position:relative;left:4px;top:4px;width:30px;height:30px;content:"☰";font-family:"entypo",sans-serif;font-size:32pt;line-height:30px;border:1px solid #0c83d9;border-radius:2px;text-align:center;vertical-align:middle;background:#22252a;cursor:pointer}
-  h1 #h1{margin-left:10px}
-  #menu{width:40px;height:40px;bottom:auto;border:none;overflow:hidden;background:transparent}
-  #menu form,#menu p{display:none}
-  #menu.open{width:260px;height:auto;max-width:100%;max-height:100%;border-right:1px solid rgba(255,255,255,0.1);border-bottom:5px solid rgba(255,255,255,0.1);background:#22252a;box-shadow:2px 2px 10px rgba(0,0,0,0.03);z-index:200;overflow-y:auto}
-  #menu.open form,#menu.open p{display:block}
-}
-@media only screen and (max-width:270px){
-  #menu.open{border-right:none}
-}
-@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
-  h1 #h1{background-image:url("../images/logo-hres.png?3");background-size:120px}
-}
-a[href*="&sql="]:before{content:"✎";padding:0 5px;font-family:entypo,sans-serif;font-size:24pt;line-height:10pt;vertical-align:-3px}
-.links{line-height:22px}
-.links a:before{content:"⏴ ";font-family:entypo,sans-serif;font-size:24pt;line-height:10pt;vertical-align:-3px}
-.links a[href*="&sql="]:before{content:"";margin-left:-4px;margin-right:3px}
-.links a[href*="&import="]:before{content:"📥 "}
-.links a[href*="&dump="]:before{content:"📤 "}
-.links a[href*="&create="]:before,.links a[href*="&db="][href*="&database="]:before,.links a[href*="&indexes="]:before{content:"✎ "}
-.links a[href$="&create="]:before,.links a[href$="&database="]:before,.links a[href$="&indexes="]:before{content:"➕ "}
-.links a[href*="&schema="]:before{content:"🕪 "}
-.links a[href*="&privileges="]:before{content:"👥 "}
-.links a[href*="&view="]:before{content:" "}
-.links a[href*="&procedure="]:before,.links a[href*="&function="]:before{content:" "}
-.links a[href*="&event="]:before{content:"🔁 "}
-.links a[href*="&edit="]:before{content:"⊕ "}
-.links a[href*="&table="]:before{content:"⚙ "}
-.links a[href*="&select="]:before{content:"📄 "}
-.links a[href*="&processlist="]:before{content:" "}
-.links a[href*="&status="]:before{content:"📿 "}
-.links a[href*="&variables="]:before{content:" "}
-.links a[href*="&user="]:before{content:" "}
-.links a[href*="&foreign="]:before,.links a[href*="&trigger="]:before{content:"➕ "}
-table{border:1px solid rgba(255,255,255,0.1);margin:20px 0 10px 0}
-table label.block{padding:0}
-tr{border-bottom:1px dotted rgba(255,255,255,0.1)}
-th,td{padding:4px 10px}
-th[style="text-align: right;"] input[type="checkbox"],td[align="right"] input[type="checkbox"],th[style="text-align: right;"] input[type="radio"],td[align="right"] input[type="radio"]{margin-right:0;margin-left:5px}
-thead td,thead th,.odds tbody tr:nth-child(2n),tbody tr:hover td,tbody tr:hover th,.js .checkable .checked td,.js .checkable .checked th{background:transparent}
-thead tr{background:#282b2f;border-bottom:1px solid rgba(255,255,255,0.1)}
-thead td,thead th{padding:7px 10px;background:transparent;text-align:left}
-tbody th,tbody td{vertical-align:top}
-tbody td[align="right"]{text-align:right}
-tbody td[align="right"] label.block{text-align:right}
-tbody th span{padding-top:4px}
-table.checkable .checked{background:#282b2f}
-table.checkable input[type="checkbox"],table.checkable input[type="radio"]{margin:2px 5px 2px 0}
-table.checkable>thead a{padding:7px 0}
-table.checkable>thead input[type="checkbox"],table.checkable>thead input[type="radio"]{margin:2px 5px 2px 0}
-table.checkable>tbody>tr:hover{background:#282b2f}
-table.checkable>tbody>tr.checked:hover{background:#1b1f25}
-.scrollable{display:table-cell;padding-right:20px}
-.loadmore{margin:0;padding:10px 0}
-.footer{position:relative;padding:0}
-.footer>div{padding:0}
-.footer>p{position:fixed;left:261px;right:0;bottom:0;margin:0;padding:0 10px;border:none;border-top:1px solid rgba(255,255,255,0.1);background:#282b2f;z-index:102;font-weight:bold}
-.footer>p a,.footer>p label{display:inline-block;margin:0;padding:0 10px;height:40px;line-height:40px}
-.footer+div{line-height:36px}
-.footer+div a{padding:10px 0}
-.js .column{background:#22252a;padding:0;margin:-36px 0 0 -62px;border:1px solid #3e4144;border-radius:2px;z-index:10}
-.js .column a{display:inline-block;padding:0;width:30px;height:30px;overflow:hidden;vertical-align:middle}
-.js .column a:before{display:inline-block;width:30px;height:30px;line-height:30px;font-family:entypo,sans-serif;font-size:24pt;text-align:center;vertical-align:-3px}
-.js .column a:hover:before{background:#282b2f}
-.js .column a[href*='&select=']:before{content:"⬇"}
-.js .column a[href='#fieldset-search']:before{content:"🔍"}
-@media only screen and (max-width:768px){
-  .footer>p{position:static;margin:-10px 0 10px 0;border-top:none;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
-  .scrollable{display:block;margin:0 -20px;padding:0 20px;overflow-x:scroll}
-}
-a.jush-custom:hover,a.jush-help:hover{color:inherit;text-decoration:underline}
-.json{border-color:#58595a;border-left:7px solid #58595a;background:#282b2f;margin:5px 0 3px 0}
-.json tr{border-bottom:1px solid #58595a}
-.json tr:last-child{border-bottom:none}
-.json th{border-right:1px solid #58595a;vertical-align:top}
-.json code{padding:4px 10px}
-.json+textarea{margin-top:6px}
-a.json-icon{background:transparent;text-indent:0}
-a.json-icon:hover{background:transparent}
-a.json-icon:before{display:inline-block;width:20px;height:18px;line-height:18px;font-family:entypo,sans-serif;font-size:24pt;vertical-align:-3px;content:"▸"}
-a.json-icon.json-up{background:transparent;text-indent:0}
-a.json-icon.json-up:before{content:"▾"}
-a.json-link{padding-left:0}
-a.json-link:before{width:10px}
-a.json-link span{color:inherit}
-.footer{border-image: linear-gradient(rgb(34 37 42 / 22%),#22252a) 100% 0;}
-.footer > div{background: #22252a;}
-.jush a {color: #1383d9;}
-a.jush-custom:hover, a.jush-help:hover{color:#fff;}
-.jush {color: #a5a8ad;}
-.error {background: #ff00001a;color: #d8bfbf;}
-.message {color: #cceecc;background: #0075001c;}
-::-webkit-scrollbar {width: 10px;height: 10px;}
-::-webkit-scrollbar-track {background: #3e3e3e;}
-::-webkit-scrollbar-thumb {background: #888;}
-::-webkit-scrollbar-thumb:hover {background: #555;}
-input[type=checkbox] {display:inline-block;padding-left:25px;height:20px;outline:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwcHQiCiAgIGhlaWdodD0iNDBwdCIKICAgdmlld0JveD0iMCAwIDIwIDQwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTciIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzE1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxNiIKICAgICBpbmtzY2FwZTpjeD0iNDMuNzAyNjQ2IgogICAgIGlua3NjYXBlOmN5PSIzMS45NTE3ODMiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZwogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDAiCiAgICAgaWQ9ImczMDY4IgogICAgIHRyYW5zZm9ybT0ic2NhbGUoMC44LDAuOCkiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzA1OCIKICAgICAgIGQ9Ik0gMTksNSBWIDE5IEggNSBWIDUgSCAxOSBNIDE5LDMgSCA1IEMgMy45LDMgMywzLjkgMyw1IHYgMTQgYyAwLDEuMSAwLjksMiAyLDIgaCAxNCBjIDEuMSwwIDIsLTAuOSAyLC0yIFYgNSBDIDIxLDMuOSAyMC4xLDMgMTksMyB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwNjAiCiAgICAgICBkPSJNIDAsMCBIIDI0IFYgMjQgSCAwIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6bm9uZSIgLz4KICA8L2c+CiAgPGcKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwIgogICAgIGlkPSJnMzA4NCIKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwwLDIwKSI+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGgzMDc0IgogICAgICAgZD0iTSAwLDAgSCAyNCBWIDI0IEggMCB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJmaWxsOm5vbmUiIC8+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGgzMDc2IgogICAgICAgZD0iTSAxOSwzIEggNSBDIDMuODksMyAzLDMuOSAzLDUgdiAxNCBjIDAsMS4xIDAuODksMiAyLDIgaCAxNCBjIDEuMTEsMCAyLC0wLjkgMiwtMiBWIDUgQyAyMSwzLjkgMjAuMTEsMyAxOSwzIHogTSAxMCwxNyA1LDEyIDYuNDEsMTAuNTkgMTAsMTQuMTcgMTcuNTksNi41OCAxOSw4IDEwLDE3IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==);background-position:00;background-size:20px;background-repeat:no-repeat;vertical-align:middle;font-size:20px;line-height:20px;cursor:pointer;-webkit-appearance:none;-webkit-user-select:none;user-select:none;filter:invert();}
-input[type=checkbox]:checked {background-position:0-20px;}

designs/readme.txt

@@ -1 +1,3 @@
 Copy adminer.css alongside Adminer PHP script to use an alternative design.
+
+If the design supports dark mode then it should be named adminer-dark.css.