elbaite

Earthy dark colorscheme
Log | Files | Refs | README

ddg-html-dark.css (2084B)

      1 /* Background colors */
      2 :root {
      3     --foreground: #bfbbb6;
      4     --background: #181411;
      5 
      6     --color0:     #181411;
      7     --color8:     #2b2722;
      8     --color1:     #a63221;
      9     --color9:     #a63221;
     10     --color2:     #768948;
     11     --color10:    #768948;
     12     --color3:     #d6a22e;
     13     --color11:    #d6a22e;
     14     --color4:     #33658a;
     15     --color12:    #33658a;
     16     --color5:     #585481;
     17     --color13:    #7473a3;
     18     --color6:     #599a82;
     19     --color14:    #599a82;
     20     --color7:     #9a9a9a;
     21     --color15:    #bfbbb6;
     22 }
     23 
     24 .body--home,
     25 .site-wrapper--home,
     26 .body--html {
     27     background-color: var(--background);
     28 }
     29 
     30 html {
     31     background-color: var(--background);
     32 }
     33 
     34 .result.highlight {
     35     background-color: var(--background);
     36 }
     37 
     38 .result__body.highlight {
     39     background-color: var(--background);
     40 }
     41 
     42 .sitelinks_td.highlight {
     43     background-color: var(--background);
     44 }
     45 
     46 .frm__text,
     47 .frm__input {
     48     background-color: var(--background);
     49 }
     50 
     51 .zci-wrapper {
     52     background-color: var(--background);
     53 }
     54 
     55 .result:hover {
     56     background-color: var(--color8);
     57 }
     58 
     59 .header.header--html {
     60 	border-bottom: #443930 !important;
     61 }
     62 
     63 /* Text colors */
     64 .msg--spelling {
     65     color: var(--color7);
     66 }
     67 
     68 body,
     69 input,
     70 select,
     71 textarea {
     72     color: var(--color15);
     73 }
     74 
     75 .zci__heading {
     76     color: var(--color7);
     77 }
     78 
     79 .result__snippet {
     80     color: var(--color7);
     81 }
     82 
     83 .result__snippet b,
     84 .result__snippet strong {
     85     color: var(--color15);
     86 }
     87 
     88 .result .result__snippet:hover,
     89 .result .result__snippet:active {
     90     color: var(--color7);
     91 }
     92 
     93 /* Link colors */
     94 a:hover,
     95 a:focus {
     96     color: var(--color4);
     97 }
     98 
     99 .zci__result a {
    100     color: var(--color4);
    101 }
    102 
    103 .msg--spelling a {
    104     color: var(--color4);
    105 }
    106 
    107 a {
    108     color: var(--color4);
    109 }
    110 
    111 .result__a {
    112     color: var(--color4);
    113 }
    114 
    115 .result__a:hover {
    116     color: var(--color4);
    117 }
    118 
    119 .result__a:visited,
    120 .result__a:visited:hover {
    121     color: var(--color4);
    122 }
    123 
    124 /* Logo */
    125 .logo_homepage {
    126     background-image: url("https://duckduckgo.com/assets/logo_homepage.alt.v106.svg");
    127 }
    128 
    129 /* Fix searchbar */
    130 .search,
    131 .search--adv {
    132 	background-color: #13100e;
    133     padding-right: 3.75em;
    134 }