Skip to content

Commit

Permalink
Update pattern alignment & Managed site colors scheme apply via varia…
Browse files Browse the repository at this point in the history 
…bles
  • Loading branch information
@vapvarun
vapvarun committed Jan 25, 2024
1 parent becdbef commit cce3a65
Show file tree
Hide file tree
Showing 37 changed files with 1,377 additions and 748 deletions.
19 changes: 19 additions & 0 deletions assets/css/_blocks-style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
@import "_custom-properties.css";

/*--------------------------------------------------------------
## Blocks Style
--------------------------------------------------------------*/

/*
* Available block selectors:
* .core/image
*/

/*--------------------------------------------------------------
# Block Style - core/image
--------------------------------------------------------------*/

.wp-block-image.is-style-buddyx-border img {
border: 2px solid var(--color-theme-primary); /* Adjust the border properties as needed */
border-radius: 5px; /* Optional: Add border-radius for rounded corners */
}
28 changes: 24 additions & 4 deletions assets/css/_custom-properties.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
--dropdown-symbol-width: 0.7em;
/* Custom editor colors */
--color-theme-primary: #ef5455;
--color-theme-loader: #ef5455;
--color-theme-secondary: #41848f;
--color-theme-red: #c0392b;
--color-theme-green: #27ae60;
Expand All @@ -25,16 +26,35 @@
--color-theme-white: #ecf0f1;
--color-custom-daylight: #97c0b7;
--color-custom-sun: #eee9d1;
--color-site-title-hover: #ee4036;
--color-theme-body: #f7f7f9;
--color-layout-boxed: #fff;
--color-theme-white-box: #fff;
--global-body-lightcolor: #fafafa;
--color-header-bg: #fff;
--color-menu-hover: #ee4036;
--color-menu-active: #ee4036;
--color-link: #111;
--color-link-hover: #ef5455;
--color-link-active: #ef5455;
--global-border-color: #e8e8e8;
--button_background_color: #ef5455;
--button_background_hover_color: #f83939;
--button_border_color: #ef5455;
--button_border_hover_color: #f83939;
--button-text-color: #fff;
--button-text-hover-color: #fff;
--button-background-color: #ef5455;
--button-background-hover-color: #f83939;
--button-border-color: #ef5455;
--button-border-hover-color: #f83939;
--color-quote-border: #111;
--color-quote-citation: #6c7781;

--color-footer-title: #111111;
--color-footer-content: #505050;
--color-footer-link: #111111;
--color-footer-link-hover: #ef5455;
--color-copyright-bg: #ffffff;
--color-copyright-content: #505050;
--color-copyright-link: #111111;
--color-copyright-link-hover: #ef5455;
/* Custom editor font sizes */
--font-size-small: calc(16 / var(--global-font-size) * 1rem);
--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
Expand Down
2 changes: 1 addition & 1 deletion assets/css/_elements.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ html {

/* stylelint-disable */
body {
background: #fafafa;
background: var(--color-theme-body);
/* Fallback for when there is no custom background color defined. */
}
/* stylelint-enable */
Expand Down
2 changes: 1 addition & 1 deletion assets/css/_links.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ a {
a:hover,
a:focus,
a:active {
color: var(--color-link-active);
color: var(--color-link-hover);
}

a:hover,
Expand Down
120 changes: 84 additions & 36 deletions assets/css/buddypress.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -188,11 +188,13 @@ button.group-button,
.avatar-history-actions button.delete.disabled,
#buddypress #header-cover-image .header-cover-reposition-wrap>.button,
.buddypress .buddypress-wrap button.gamipress-achievement-unlock-with-points-button,
button.gamipress-achievement-unlock-with-points-button {
button.gamipress-achievement-unlock-with-points-button,
.buddypress .buddypress-wrap button.ges-change,
.buddypress .buddypress-wrap button.group-email-tooltip__close {
font-family: inherit;
font-size: initial;
color: #fff;
background-color: var(--button_background_color);
color: var(--button-text-color);
background-color: var(--button-background-color);
border-radius: var(--button-border-radius) !important;
padding: 8px 20px;
font-weight: 700;
Expand All @@ -202,7 +204,7 @@ button.gamipress-achievement-unlock-with-points-button {
cursor: pointer;
display: inline-block;
line-height: 1.3;
border: 1px solid var(--button_border_color);
border: 1px solid var(--button-border-color);
outline: 0;
vertical-align: middle;
-webkit-appearance: none;
Expand Down Expand Up @@ -254,10 +256,12 @@ button.group-button:hover,
#buddypress #header-cover-image .header-cover-reposition-wrap>.button:hover,
#buddypress #header-cover-image .header-cover-reposition-wrap>.button:focus,
.buddypress .buddypress-wrap button.gamipress-achievement-unlock-with-points-button:hover,
button.gamipress-achievement-unlock-with-points-button:hover {
background-color: var(--button_background_hover_color);
border: 1px solid var(--button_border_hover_color);
color: #fff;
button.gamipress-achievement-unlock-with-points-button:hover,
.buddypress .buddypress-wrap button.ges-change:hover,
.buddypress .buddypress-wrap button.group-email-tooltip__close:hover {
background-color: var(--button-background-hover-color);
border: 1px solid var(--button-border-hover-color);
color: var(--button-text-hover-color);
}

.buddypress .buddypress-wrap button.text-button:focus,
Expand Down Expand Up @@ -354,7 +358,7 @@ body.buddypress #buddypress.buddypress-wrap .html-active button.switch-html {
}

.buddypress .avatar,
.grid > li .item-avatar .avatar {
.grid>li .item-avatar .avatar {
border-radius: 3px;
}

Expand Down Expand Up @@ -393,7 +397,7 @@ body:not(.round-avatars) .grid .member-status {
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
background: transparent;
color: var(--color-link-hover);
color: var(--color-theme-primary);
}

.buddypress-wrap .bp-navs li.current a,
Expand All @@ -403,16 +407,21 @@ body:not(.round-avatars) .grid .member-status {
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover {
background: transparent;
color: var(--color-link-hover);
color: var(--color-theme-primary);
}

.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.selected a {
background: transparent;
border-bottom: 1px solid var(--color-link-active);
border-bottom: 1px solid var(--color-theme-primary);
font-weight: 500;
}

.buddypress-wrap .bp-navs li.selected a,
.avatar-history-table td .avatar.selected {
border-color: var(--color-theme-primary);
}

.bp-navs.bp-navs {
overflow: initial;
}
Expand Down Expand Up @@ -496,7 +505,7 @@ body.media .buddypress-wrap.bp-dir-hori-nav ul.subnav {

.bp-navs ul li .count,
.buddypress-wrap .bp-navs li.dynamic a .count {
background: #C8CBCF;
background: var(--color-theme-primary);
box-shadow: none;
border-radius: 100px;
font-size: 11px;
Expand All @@ -522,7 +531,26 @@ body.media .buddypress-wrap.bp-dir-hori-nav ul.subnav {
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
background-color: var(--color-link-active);
background-color: var(--color-theme-primary);
}


.buddypress-wrap .bp-navs li.dynamic.selected a .count,
.buddypress_object_nav .bp-navs li.dynamic a .count,
.buddypress_object_nav .bp-navs li.dynamic.current a .count,
.buddypress_object_nav .bp-navs li.dynamic.selected a .count {
background-color: var(--color-theme-primary);
}


.bp-single-vert-nav .bp-navs.vertical li span,
.buddypress-wrap .bp-navs li.dynamic a:hover .count,
.buddypress_object_nav .bp-navs li.dynamic a:hover .count,
.buddypress-wrap .rtm-bp-navs ul li.selected a:hover>span,
.buddypress-wrap .rtm-bp-navs ul li.selected a>span,
.users-header .bp-member-type,
.single-headers .group-status .group-type {
background-color: var(--color-theme-primary);
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
Expand Down Expand Up @@ -644,6 +672,12 @@ body .buddypress-wrap form.bp-messages-search-form input[type="search"],
/*--------------------------------------------------------------
# rtMedia Specific
--------------------------------------------------------------*/
.rtmedia-actions-before-comments .rtmedia-comment-link:hover,
.rtmedia-actions-before-comments .rtmedia-view-conversation:hover,
#buddypress .rtmedia-actions-before-comments .rtmedia-like:hover {
color: var(--color-theme-primary);
}

div#rtmedia-action-update>span {
display: none;
}
Expand Down Expand Up @@ -851,7 +885,7 @@ body.bp-nouveau .activity-update-form .rtmedia-plupload-container {

.buddypress-wrap .rtm-bp-navs ul li.selected a>span,
.buddypress-wrap .rtm-bp-navs ul li.selected a:hover>span {
background: var(--color-link-active);
background: var(--color-theme-primary);
color: #fff;
}

Expand Down Expand Up @@ -1024,7 +1058,7 @@ body.bp-nouveau .activity-update-form .rtmedia-plupload-container {
}

.media .rtm-tabs li.active a {
color: var(--color-link-active);
color: var(--color-theme-primary);
}

.media .rtm-tabs-content {
Expand Down Expand Up @@ -1586,6 +1620,10 @@ body.activity-permalink .activity-list li:first-child {
padding-left: 0;
}

.buddypress-wrap .activity-comments .acomment-meta a:not(.activity-time-since) {
font-weight: 600;
}

.buddypress-wrap .activity-comments .acomment-content {
border-left: 0;
margin: 0 0 0 51px;
Expand Down Expand Up @@ -2058,7 +2096,12 @@ li.load-more a.loading::after {
display: none;
}

.buddypress-wrap .grid.bp-list>li .list-wrap .item-avatar {
.buddypress-wrap .grid.bp-list>li .list-wrap .buddyx-mem-cover-wrapper+.item-avatar {
margin-top: -80px;
margin-bottom: 15px;
}

.buddypress-wrap .grid.bp-list>li .list-wrap .buddyx-grp-cover-wrapper+.item-avatar {
margin-top: -80px;
margin-bottom: 15px;
}
Expand Down Expand Up @@ -2193,7 +2236,7 @@ li.load-more a.loading::after {

.buddypress-wrap .tabbed-links ol li.current a,
.buddypress-wrap .tabbed-links ul li.current a {
color: var(--color-link-active);
color: var(--color-theme-primary);
}

.buddypress-wrap .tabbed-links ol.group-create-buttons li.current a {
Expand Down Expand Up @@ -2652,6 +2695,11 @@ body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
}
}

.buddypress-wrap .main-navs:not(.dir-navs) li.current a,
.buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
color: var(--color-theme-primary);
}

@media screen and (max-width: 46.8em) {

.buddypress-wrap #group-list.bp-list .accept,
Expand Down Expand Up @@ -2770,12 +2818,12 @@ body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {

nav#object-nav.vertical .selected>a {
background: rgba(77, 92, 109, .1);
color: var(--color-link-active);
color: var(--color-theme-primary);
}

nav#object-nav.vertical a:hover {
background: rgba(77, 92, 109, .1);
color: var(--color-link-active);
color: var(--color-theme-primary);
}

.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) {
Expand All @@ -2788,7 +2836,7 @@ body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
}

.bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li.current a {
color: var(--color-link-active);
color: var(--color-theme-primary);
text-decoration: none;
}

Expand Down Expand Up @@ -3173,7 +3221,7 @@ button#bp-delete-avatar {
}

.buddypress.widget .item-options a.selected {
color: var(--color-link-active);
color: var(--color-theme-primary);
}

.buddypress-wrap .buddypress.widget:after,
Expand Down Expand Up @@ -3381,9 +3429,9 @@ button#bp-delete-avatar {
.widget .bp-block-group.has-description .bp-profile-button a.button {
font-family: inherit;
font-size: medium;
color: #fff;
background-color: var(--button_background_color);
border-radius: var(--button-border-radius)!important;
color: var(--button-text-color);
background-color: var(--button-background-color);
border-radius: var(--button-border-radius) !important;
padding: 8px 20px;
font-weight: 700;
font-style: normal;
Expand All @@ -3392,7 +3440,7 @@ button#bp-delete-avatar {
cursor: pointer;
display: inline-block;
line-height: 1.3;
border: 1px solid var(--button_border_color);
border: 1px solid var(--button-border-color);
outline: 0;
vertical-align: middle;
-webkit-appearance: none;
Expand All @@ -3404,9 +3452,9 @@ button#bp-delete-avatar {

.widget .bp-block-member .bp-profile-button a.button:hover,
.widget .bp-block-group.has-description .bp-profile-button a.button:hover {
background-color: var(--button_background_hover_color);
border: 1px solid var(--button_border_hover_color);
color: #fff;
background-color: var(--button-background-hover-color);
border: 1px solid var(--button-border-hover-color);
color: var(--button-text-hover-color);
}

/*--------------------------------------------------------------
Expand Down Expand Up @@ -5008,7 +5056,7 @@ div.mpp-bulk-edit-media-action-row select {
}

.mpp-menu a.mpp-selected-item {
color: var(--color-link-active);
color: var(--color-theme-primary);
}


Expand Down Expand Up @@ -5621,8 +5669,8 @@ body.personal.attachments #bp-media-library .components-button.is-tertiary,
body.personal.attachments #bp-media-library .split-button .split-button-toggle {
font-family: inherit;
font-size: initial;
color: #fff !important;
background-color: var(--button_background_color) !important;
color: var(--button-text-color) !important;
background-color: var(--button-background-color) !important;
border-radius: var(--button-border-radius) !important;
font-weight: 700;
font-style: normal;
Expand All @@ -5632,7 +5680,7 @@ body.personal.attachments #bp-media-library .split-button .split-button-toggle {
display: inline-block;
max-height: 100% !important;
line-height: 1.3;
border: 1px solid var(--button_border_color) !important;
border: 1px solid var(--button-border-color) !important;
outline: 0;
vertical-align: middle;
-webkit-appearance: none;
Expand All @@ -5655,9 +5703,9 @@ body.personal.attachments #bp-media-library .components-button.is-tertiary:hover
.components-button.is-secondary:hover,
.components-button.is-tertiary:hover,
body.personal.attachments #bp-media-library .split-button .split-button-toggle:hover {
background-color: var(--button_background_hover_color) !important;
border: 1px solid var(--button_border_hover_color) !important;
color: #fff !important;
background-color: var(--button-background-hover-color) !important;
border: 1px solid var(--button-border-hover-color) !important;
color: var(--button-text-hover-color) !important;
}

body.personal.attachments #bp-media-library .wp-filter .view-switch a:before {
Expand Down
2 changes: 1 addition & 1 deletion assets/css/buddypress.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit cce3a65

Please sign in to comment.