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