diff --git a/blueberries.css b/blueberries.css index 673b676..4ac2a4e 100644 --- a/blueberries.css +++ b/blueberries.css @@ -15,6 +15,144 @@ opacity: 50%; } +/* start brodokk fixes */ + +.getting-started, .getting-started__footer p, .getting-started__footer p a { + /* color: #606984; */ + /* color: hsl(225, 16%, 45%); */ + color: hsl(var(--hue), 16%, 45%); +} + +.nothing-here { + /* background: #282c37; */ + /* background: hsl(224, 16%, 19%); */ + background: hsl(var(--hue), 16%, 19%); +} + +.column-link { + /* background: #393f4f; */ + /* background: hsl(224, 16%, 27%); */ + background: hsl(var(--hue), 16%, 27%); +} + +.admin-wrapper .content-heading { + /* border-bottom: 1px solid #393f4f; */ + /* border-bottom: 1px solid hsl(224, 16%, 27%); */ + border-bottom: 1px solid hsl(var(--hue), 16%, 27%); +} + +.getting-started__footer a, .getting-started__trends .trends__item__current, .setting-text, .icon-button.disabled, .account__header__bio .account__header__joined, .nothing-here { + /* color: #9baec8; */ + /* color: hsl(215, 29%, 70%); */ + color: hsl(var(--hue), 29%, 70%); +} + +.setting-text { + /* border-bottom: 2px solid #9baec8; */ + /* border-bottom: 2px solid hsl(215, 29%, 70%); */ + border-bottom: 2px solid hsl(var(--hue), 29%, 70%); +} + +.account__header__bar { + /* border-color: #313543; */ + /* border-color: hsl(227, 16%, 23%); */ + background: hsl(var(--hue), 16%, 23%); +} + +.account__header__bio .account__header__fields { + /* border-top: 1px solid #42485a; */ + /* border-top: 1px solid hsl(225, 15%, 31%); */ + border-top: 1px solid hsl(var(--hue), 15%, 31%); +} + +.batch-table .nothing-here { + /* background: #17191f; */ + /* background: hsl(225, 15%, 11%); */ + background: hsl(var(--hue), 15%, 11%); +} + +/* Add suport on instance information when connected */ + +.rules-list li { + /* border-bottom: 1px solid #393f4f; */ + /* border-bottom: 1px solid hsl(224, 16%, 27%); */ + border-bottom: 1px solid hsl(var(--hue), 16%, 27%); +} + +.about__domain-blocks { + /* background: #1f232b; */ + /* border: 1px solid #313543; */ + /* background: hsl(220, 16%, 15%); */ + /* border: 1px solid hsl(227, 16%, 23%); */ + background: hsl(var(--hue), 16%, 15%); + border: 1px solid hsl(var(--hue), 16%, 23%); +} + +.about__domain-blocks__domain { + /* color: #9baec8; */ + /* border-bottom: 1px solid #313543; */ + /* color: hsl(215, 29%, 70%); */ + /* border-bottom: 1px solid hsl(227, 16%, 23%); */ + color: hsl(var(--hue), 29%, 70%); + border-bottom: 1px solid hsl(var(--hue), 16%, 23%); +} + +.about__domain-blocks__domain h6 { + /* color: #d9e1e8; */ + /* color: hsl(var(--hue), 25%, 88%); */ + color: hsl(var(--hue), 25%, 88%); +} + +.about__domain-blocks__domain:nth-child(2n) { + /* background: #242731; */ + /* background: hsl(226, 15%, 17%); */ + background: hsl(var(--hue), 15%, 17%); +} + +/* search fixes */ + +.search-results__info { + /* color: #9baec8; */ + /* color: hsl(215, 29%, 70%); */ + color: hsl(var(--hue), 29%, 70%); +} + +.account { + /* border-bottom: 1px solid #393f4f; */ + /* border-bottom: 1px solid hsl(224, 16%, 27%); */ + border-bottom: 1px solid hsl(var(--hue), 16%, 27%); +} + +/* end brodokk fixes */ + +/* start brodokk bonus fixes */ + +.compose-form .autosuggest-textarea__textarea::placeholder, .compose-form .spoiler-input__input::placeholder { + /* color: #d9e1e8; */ + /* color: hsl(var(--hue), 25%, 88%); */ + color: hsl(var(--hue), 25%, 88%); +} + +.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input { + /* color: #d9e1e8; */ + /* color: hsl(var(--hue), 25%, 88%); */ + color: hsl(var(--hue), 25%, 88%); +} + +.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input, .compose-form .compose-form__modifiers { + /* color: #282c37; */ + /* color: hsl(224, 16%, 19%); */ + background: hsl(var(--hue), 16%, 19%); +} + +.compose-form .compose-form__buttons-wrapper { + /* color: #282c37; */ + /* color: hsl(224, 16%, 19%); */ + background: hsl(var(--hue), 15%, 13%); +} + +/* end brodokk bonus fixes */ + .admin-wrapper .sidebar .logo { filter: hue-rotate(calc(var(--hue) - 260deg)); }