diff --git a/User-Contributed-CSS-Themes.md b/User-Contributed-CSS-Themes.md index 7a030e9..3c3fc39 100644 --- a/User-Contributed-CSS-Themes.md +++ b/User-Contributed-CSS-Themes.md @@ -440,4 +440,73 @@ #whoogle-w,#whoogle-h,#whoogle-o-1,#whoogle-o-2,#whoogle-g,#whoogle-l,#whoogle-e { fill: #7ccbb3; } +``` + +### Google Dark (by @treyg) + +```css +:root { + --whoogle-dark-logo: #685e79; + --whoogle-dark-page-bg: #202124; + --whoogle-dark-element-bg: #5f6368; + --whoogle-dark-text: #fff; + --whoogle-dark-contrast-text: #fff; + --whoogle-dark-secondary-text: #93b3f3; + --whoogle-dark-result-bg: #202124; + --whoogle-dark-result-title: #93b3f3; + --whoogle-dark-result-url: #bec1c5; + --whoogle-dark-result-visited: #bc8cf2; +} + +a:link h3 div { + font-size: 20px !important; +} + +#whoogle-w, +#whoogle-h, +#whoogle-o-1, +#whoogle-o-2, +#whoogle-g, +#whoogle-l, +#whoogle-e { + color: var(--whoogle-dark-text) !important; + fill: var(--whoogle-dark-text) !important; +} + +#search-bar { + z-index: 3; + + background: #202124; + border: 1px solid #5f6368 !important; + box-shadow: none; + border-radius: 24px; +} + +#search-submit { + height: 40px; + text-align: center; + cursor: pointer; + font-size: 20px; + align-content: center; + align-items: center; + margin: auto; + border-radius: 5px; + width: 100px; + font-size: 14px; + margin: 23px auto 0 auto; + padding: 0 16px; + line-height: 27px; + height: 36px; + min-width: 54px; + text-align: center; + cursor: pointer; + user-select: none; + background-color: #303134 !important; + border: none !important; +} + +.search-fields { + display: flex; + flex-direction: column; +} ``` \ No newline at end of file