diff --git a/css/solarized-all-sites-dark.css b/css/solarized-all-sites-dark.css index 86653b6..b3c1cce 100644 --- a/css/solarized-all-sites-dark.css +++ b/css/solarized-all-sites-dark.css @@ -31,6 +31,67 @@ pre { background-color: #002b36 !important; color: #839496 !important; } +.search--adv { + background-color: #073642 !important; +} +.search__autocomplete > .acp-wrap { + background-color: #002b36 !important; +} +.search__autocomplete > .acp-wrap > .acp--highlight { + background-color: #073642 !important; + color: #eee8d5 !important; +} +.search__autocomplete > .acp-wrap strong { + color: #eee8d5 !important; +} +.site-wrapper > #header_wrapper { + background-color: #002b36 !important; +} +.site-wrapper > #header_wrapper > #header { + background-color: #002b36 !important; +} +.search--header { + background-color: #073642 !important; +} +.zci { + background-color: #073642 !important; + color: #839496 !important; +} +.tile--info { + background-color: #002b36 !important; +} +.tile--info__expand { + background-color: #586e75 !important; +} +.tile--c { + background-color: #586e75 !important; + color: #eee8d5 !important; +} +.module__text { + color: #839496 !important; +} +.about-info-box__heading { + color: #93a1a1 !important; +} +.result.highlight { + background-color: #073642 !important; +} +.result__snippet { + color: #839496 !important; +} +.result__snippet b { + color: #93a1a1 !important; +} +.btn--top { + background-color: #073642 !important; + color: #839496 !important; +} +.btn--top:hover { + background-color: #586e75 !important; +} +.result--sep--hr:before { + background-color: #586e75 !important; +} * { border-color: #073642 !important; } diff --git a/css/solarized-all-sites-light.css b/css/solarized-all-sites-light.css index c93b52e..bf944e1 100644 --- a/css/solarized-all-sites-light.css +++ b/css/solarized-all-sites-light.css @@ -31,6 +31,67 @@ pre { background-color: #fdf6e3 !important; color: #657b83 !important; } +.search--adv { + background-color: #eee8d5 !important; +} +.search__autocomplete > .acp-wrap { + background-color: #fdf6e3 !important; +} +.search__autocomplete > .acp-wrap > .acp--highlight { + background-color: #eee8d5 !important; + color: #073642 !important; +} +.search__autocomplete > .acp-wrap strong { + color: #073642 !important; +} +.site-wrapper > #header_wrapper { + background-color: #fdf6e3 !important; +} +.site-wrapper > #header_wrapper > #header { + background-color: #fdf6e3 !important; +} +.search--header { + background-color: #eee8d5 !important; +} +.zci { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +.tile--info { + background-color: #fdf6e3 !important; +} +.tile--info__expand { + background-color: #93a1a1 !important; +} +.tile--c { + background-color: #93a1a1 !important; + color: #073642 !important; +} +.module__text { + color: #657b83 !important; +} +.about-info-box__heading { + color: #586e75 !important; +} +.result.highlight { + background-color: #eee8d5 !important; +} +.result__snippet { + color: #657b83 !important; +} +.result__snippet b { + color: #586e75 !important; +} +.btn--top { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +.btn--top:hover { + background-color: #93a1a1 !important; +} +.result--sep--hr:before { + background-color: #93a1a1 !important; +} * { border-color: #eee8d5 !important; } diff --git a/css/solarized-duckduckgo-dark.css b/css/solarized-duckduckgo-dark.css new file mode 100644 index 0000000..4c5fec6 --- /dev/null +++ b/css/solarized-duckduckgo-dark.css @@ -0,0 +1,87 @@ +* { + border-color: #657b83 !important; +} +a { + color: #268bd2 !important; +} +a:visited { + color: #6c71c4 !important; +} +body { + background-color: #002b36 !important; + color: #839496 !important; +} +html { + background-color: #002b36 !important; +} +input, +textarea { + background-color: #073642 !important; + color: #839496 !important; +} +blockquote, +pre { + background-color: #073642 !important; + color: #839496 !important; +} +.search--adv { + background-color: #073642 !important; +} +.search__autocomplete > .acp-wrap { + background-color: #002b36 !important; +} +.search__autocomplete > .acp-wrap > .acp--highlight { + background-color: #073642 !important; + color: #eee8d5 !important; +} +.search__autocomplete > .acp-wrap strong { + color: #eee8d5 !important; +} +.site-wrapper > #header_wrapper { + background-color: #002b36 !important; +} +.site-wrapper > #header_wrapper > #header { + background-color: #002b36 !important; +} +.search--header { + background-color: #073642 !important; +} +.zci { + background-color: #073642 !important; + color: #839496 !important; +} +.tile--info { + background-color: #002b36 !important; +} +.tile--info__expand { + background-color: #586e75 !important; +} +.tile--c { + background-color: #586e75 !important; + color: #eee8d5 !important; +} +.module__text { + color: #839496 !important; +} +.about-info-box__heading { + color: #93a1a1 !important; +} +.result.highlight { + background-color: #073642 !important; +} +.result__snippet { + color: #839496 !important; +} +.result__snippet b { + color: #93a1a1 !important; +} +.btn--top { + background-color: #073642 !important; + color: #839496 !important; +} +.btn--top:hover { + background-color: #586e75 !important; +} +.result--sep--hr:before { + background-color: #586e75 !important; +} diff --git a/css/solarized-duckduckgo-light.css b/css/solarized-duckduckgo-light.css new file mode 100644 index 0000000..9ef6b5c --- /dev/null +++ b/css/solarized-duckduckgo-light.css @@ -0,0 +1,87 @@ +* { + border-color: #839496 !important; +} +a { + color: #268bd2 !important; +} +a:visited { + color: #6c71c4 !important; +} +body { + background-color: #fdf6e3 !important; + color: #657b83 !important; +} +html { + background-color: #fdf6e3 !important; +} +input, +textarea { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +blockquote, +pre { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +.search--adv { + background-color: #eee8d5 !important; +} +.search__autocomplete > .acp-wrap { + background-color: #fdf6e3 !important; +} +.search__autocomplete > .acp-wrap > .acp--highlight { + background-color: #eee8d5 !important; + color: #073642 !important; +} +.search__autocomplete > .acp-wrap strong { + color: #073642 !important; +} +.site-wrapper > #header_wrapper { + background-color: #fdf6e3 !important; +} +.site-wrapper > #header_wrapper > #header { + background-color: #fdf6e3 !important; +} +.search--header { + background-color: #eee8d5 !important; +} +.zci { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +.tile--info { + background-color: #fdf6e3 !important; +} +.tile--info__expand { + background-color: #93a1a1 !important; +} +.tile--c { + background-color: #93a1a1 !important; + color: #073642 !important; +} +.module__text { + color: #657b83 !important; +} +.about-info-box__heading { + color: #586e75 !important; +} +.result.highlight { + background-color: #eee8d5 !important; +} +.result__snippet { + color: #657b83 !important; +} +.result__snippet b { + color: #586e75 !important; +} +.btn--top { + background-color: #eee8d5 !important; + color: #657b83 !important; +} +.btn--top:hover { + background-color: #93a1a1 !important; +} +.result--sep--hr:before { + background-color: #93a1a1 !important; +} diff --git a/sites/duckduckgo.styl b/sites/duckduckgo.styl new file mode 100644 index 0000000..3e0f565 --- /dev/null +++ b/sites/duckduckgo.styl @@ -0,0 +1,82 @@ +// * duckduckgo.styl + +// ** Homepage +.search--adv + background-color highlight + +.search__autocomplete > .acp-wrap + background-color() + + > .acp--highlight + background-color highlight + color emphasized-more + + strong + color emphasized-more + +// ** Top header +.site-wrapper > #header_wrapper + background-color() + +.site-wrapper > #header_wrapper > #header + background-color() + +// ** Search field + +.search--header + background-color highlight + +// ** Quick search results + +// *** Main background +.zci + background-color highlight + color() + +// *** Info/link box +.tile--info + background-color() + + &__expand + background-color highlight-extra + +// *** Meaning boxes +.tile--c + background-color highlight-extra + color emphasized-more + + +// *** Alternative (wide-screen) box + +.module__text + color() + +// **** "Related topics" +.about-info-box__heading + color emphasized + +// ** Results + +.result + &.highlight + background-color highlight + + &__snippet + color() + + b + color emphasized + +// ** Back-to-top arrow + +.btn--top + background-color highlight + color() + + &:hover + background-color highlight-extra + +// ** Result separator line + +.result--sep--hr:before + background-color highlight-extra