ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Set primary and secondary color correctly for Yunite incl. donation bar and toast

Browse Source
This commit is contained in:
Wolfgang Huß 2023-02-28 20:51:21 +01:00
parent 58fd233e70
commit 7278adb09d
1 changed files with 47 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
webapp/assets/styles/imports/_branding.scss
View File

@ -5,106 +5,115 @@
*/ */
@font-face { @font-face {
font-family: Overpass; font-family: Overpass;
src: url('~@/assets/fonts/Overpass-VariableFont_wght.ttf'); src: url('~@/assets/fonts/Overpass-VariableFont_wght.ttf');
} }
$color-primary: #6e8b87; $color-primary: rgb(110, 139, 135);
$color-primary-yunite: #a6ff00; $color-primary-light: rgb(161, 179, 177);
/* $color-primary-dark: rgb(81, 99, 97);
$color-primary-light: #fff; $color-primary-active: rgb(123, 160, 149);
$color-primary-active: hsla(0,0%,100%,.8); $color-primary-inverse: rgb(241, 248, 243);
*/
$color-secondary: rgb(166, 255, 0);
$color-secondary-active: rgb(188, 255, 130);
$color-secondary-inverse: rgb(241, 255, 225);
$font-family-heading: 'Overpass',Helvetica,Arial,Lucida,sans-serif; $font-family-heading: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
$font-family-text: 'Overpass',Helvetica,Arial,Lucida,sans-serif; $font-family-text: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
$color-header-background: $color-primary; $color-header-background: $color-primary;
$color-footer-background: $color-primary-yunite; $color-footer-background: $color-secondary;
$color-locale-menu: $color-secondary;
$color-donation-bar: $color-secondary;
$color-toast-blue: rgb(0, 142, 230);
$color-toast-green: $color-primary;
$color-locale-menu: $color-primary-yunite;
.main-navigation a { .main-navigation a {
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
} }
.main-navigation a:hover { .main-navigation a:hover {
color: hsla(0,0%,100%,.8); color: hsla(0,0%,100%,.8);
} }
.main-navigation .router-link-exact-active { .main-navigation .router-link-exact-active {
color: #A6FF00!important; color: #A6FF00!important;
} }
.main-navigation .locale-menu { .main-navigation .locale-menu {
color: #fff; color: #fff;
} }
.main-navigation .base-button { .main-navigation .base-button {
color: #fff; color: #fff;
} }
#nav-search-box .hc-hashtag a{ #nav-search-box .hc-hashtag a{
color: #17b53f; color: #17b53f;
} }
#footer { #footer {
background-color: $color-primary-yunite; background-color: $color-secondary;
} }
#footer a { #footer a {
color: $color-primary; color: $color-primary;
} }
.avatar-menu .profile-avatar { .avatar-menu .profile-avatar {
color: $color-primary; color: $color-primary;
} }
.profile-avatar .initials { .profile-avatar .initials {
color: $color-primary; color: $color-primary;
} }
.branding-menu .ds-text { .branding-menu .ds-text {
font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif; font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
font-size: 16px; font-size: 16px;
} }
/* avoid uppercase for user slug */ /* avoid uppercase for user slug */
span.slug { span.slug {
text-transform: none; text-transform: none;
} }
.ds-footer { .ds-footer {
font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif; font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
} }
/* chips on group teaser */ /* chips on group teaser */
a.group-teaser footer .ds-chip-primary { a.group-teaser footer .ds-chip-primary {
background-color: #6e8b87; background-color: #6e8b87;
} }
/* number count color */ /* number count color */
div.ds-number > p.ds-number-count { div.ds-number > p.ds-number-count {
color: #6e8b87; color: #6e8b87;
} }
/* active tab border bottom color */ /* active tab border bottom color */
div.tab-navigation li.Tabs__tab { div.tab-navigation li.Tabs__tab {
border-bottom-color: #6e8b87; border-bottom-color: #6e8b87;
} }
/* submit button color group form */ /* submit button color group form */
form.group-form button.ds-button-primary { form.group-form button.ds-button-primary {
background-color: #6e8b87; background-color: #6e8b87;
} }
/* color of active filter tags in post teaser */ /* color of active filter tags in post teaser */
span.category-tag.filterActive { span.category-tag.filterActive {
background-color: #6e8b87; background-color: #6e8b87;
} }