Skip to content

Commit

Permalink
hopefully fix blur a bit
Browse files Browse the repository at this point in the history
  • Loading branch information
joshuah345 committed Mar 10, 2024
1 parent 1729815 commit e04ab7b
Show file tree
Hide file tree
Showing 9 changed files with 114 additions and 70 deletions.
14 changes: 5 additions & 9 deletions Themes/Unity/src/addons/_chatbubbles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,10 @@
border: calc(1px * var(--enable-chat-bubble)) solid var(--unity-chat-bubble-border-color, var(--background-primary-border-color));
box-shadow: var(--unity-chat-bubble-box-shadow-h-offset) calc(var(--unity-chat-bubble-box-shadow-v-offset) * var(--enable-chat-bubble)) calc(var(--unity-chat-bubble-box-shadow-blur) * var(--enable-chat-bubble)) hsla(var(--unity-chat-bubble-box-shadow-color-h), var(--unity-chat-bubble-box-shadow-color-s), var(--unity-chat-bubble-box-shadow-color-l), calc(var(--unity-chat-bubble-box-shadow-color-a) * var(--enable-chat-bubble)));

&:has(.embedMedia_b473d2) {
&:has(.embedMedia_b473d2):not(:has(.imageContent__24964)) {
width: unset;
}


}

.container_dbadf5 {
Expand All @@ -27,7 +26,7 @@
padding: calc(5px * var(--enable-chat-bubble)) calc(5px * var(--enable-chat-bubble));

.embedImage_e638a7 {
border-radius: calc(var(--unity-border-radius) - 7px * var(--enable-chat-bubble));
border-radius: calc(var(--unity-chat-bubble-border-radius) - 7px * var(--enable-chat-bubble));
}
}

Expand All @@ -36,19 +35,16 @@
padding: calc(10px * var(--enable-chat-bubble));

[class*="grid" i] {
border-radius: calc(var(--unity-border-radius) - 10px * var(--enable-chat-bubble));
border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px * var(--enable-chat-bubble));
overflow: hidden;
}
}

.inlineMediaEmbed__4270e {
border-radius: calc(var(--unity-border-radius) - 10px * var(--enable-chat-bubble));
border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px * var(--enable-chat-bubble));
padding: calc(10px * var(--enable-chat-bubble)) calc(10px * var(--enable-chat-bubble));
}

//.messageAttachmentMediaMosaic__65bfc {
// border-radius: calc(var(--unity-border-radius) - 10px * var(--enable-chat-bubble));
//}
}


Expand Down Expand Up @@ -115,7 +111,7 @@
background: linear-gradient(var(--unity-chat-bubble-code-background-color), var(--unity-chat-bubble-code-background-color));
background-color: var(--background-secondary);
background-size: calc(var(--enable-chat-bubble) * 1px);
border-radius: calc(var(--unity-border-radius) - 10px);
border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px);
}

.markup_a7e664 blockquote,
Expand Down
5 changes: 2 additions & 3 deletions Themes/Unity/src/theme/_root.scss
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,6 @@
--enable-gaps: calc(var(--unity-gaps, 1) / (var(--unity-gaps, 1) + 0.00000000000000000000001));
--enable-chat-bubble: calc(var(--unity-chat-bubble, 1) / (var(--unity-chat-bubble, 1) + 0.00000000000000000000001));

--unity-badge-color: var(--unity-orange-2);

--unity-chat-bubble-background-color: var(--background-secondary);
--unity-chat-bubble-border-color: var(--background-secondary-alt);
Expand Down Expand Up @@ -130,7 +129,7 @@

--background-message-highlight: var(--brand-experiment-30a);

--status-danger: var(--unity-badge-color);
--status-danger: var(--unity-red-2);

--home-background: transparent;

Expand All @@ -152,7 +151,7 @@
--background-modifier-active: rgba(var(--unity-background-primary-rgb), 0.7);
--background-modifier-selected: var(--brand-experiment-20a);
--modal-background: var(--unity-background-floating);
--modal-footer-background: transparent;
--modal-footer-background: var(--unity-background-floating);
--text-positive: var(--unity-green-2);
--color-danger: var(--unity-red);
--button-danger-background: var(--unity-red-3);
Expand Down
15 changes: 4 additions & 11 deletions Themes/Unity/src/theme/chat/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,15 @@

.base__3e6af {

.searchResultsWrap__9f374 {
background: transparent;
}

.noChat_ce920d {
border-radius: var(--unity-border-radius);
overflow:hidden;
}



/* HEADER */

.title_b7d661,
Expand Down Expand Up @@ -48,8 +50,6 @@
background-position: center;
background-repeat: no-repeat;



}

&::before {
Expand Down Expand Up @@ -92,8 +92,6 @@
overflow: hidden;




.tabBody_b3d268 {

.nowPlayingColumn_f5023f {
Expand All @@ -117,10 +115,8 @@

>div {
border-radius: var(--unity-border-radius);

}


&::before {
display: none;
}
Expand All @@ -138,17 +134,14 @@
&:last-child {
border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0;
}

}

}
}
}

:root.custom-theme-background & {
background-blend-mode: normal;
}

}

.container__0eeef,
Expand Down
3 changes: 2 additions & 1 deletion Themes/Unity/src/theme/inputs/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,5 @@
@use './slider';
@use './switches';
@use './checkbox';
@use './search';
@use './search';
@use './select';
11 changes: 11 additions & 0 deletions Themes/Unity/src/theme/inputs/_search.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,16 @@
.searchBarComponent__46512, .searchBar_e0c60b{
border-radius: var(--unity-border-radius);
padding-left: 5px;
}

.searchFilter__118cb {
padding: 0px 4px;
border-radius: var(--unity-border-radius) 0 0 var(--unity-border-radius) ;
}

.searchAnswer_b452e7 {
padding: 0 4px;
border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0 ;
}

[role="tabpanel"] {
Expand Down
3 changes: 3 additions & 0 deletions Themes/Unity/src/theme/inputs/_select.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.select_f32788 {
border-radius: var(--unity-border-radius);
}
90 changes: 57 additions & 33 deletions Themes/Unity/src/theme/modals/_index.scss
Original file line number Diff line number Diff line change
@@ -1,48 +1,72 @@
/* MODALS */

@use './userprofile';
@use './quickswitcher';
@use "./userprofile";
@use "./quickswitcher";

.root_a28985,
.container__9d271,
.focusLock__10aa5[aria-modal=true]>:not(.fullscreenOnMobile__96797)
.modal_d2e7a7>.wrapper-2bCxfR>div:not([class|="imageWrapper"]),
.focusLock__10aa5[aria-modal="true"]
> :not(.fullscreenOnMobile__96797)
.modal_d2e7a7
> .wrapper-2bCxfR
> div:not([class|="imageWrapper"]),
.modalRoot__51794,
.messagesPopoutWrap_b3b384,
.container__8261a {
border-radius: var(--unity-border-radius);
border-radius: var(--unity-border-radius);
}

[role=dialog] {
[role="dialog"] {
&:has(div .modal__6a96b),
&:has(> .modal__6a96b),
& > div:has(.modal__6a96b) {
background: transparent;
}

&:has(div .modal__6a96b), &:has(> .modal__6a96b), & >div:has(.modal__6a96b) {
background: transparent;
}
.rootWithShadow__073a7:not(:has(.modal__6a96b)) {
background-color: var(--unity-background-floating);

.rootWithShadow__073a7:not(:has(.modal__6a96b)) {
&::after {
content: "";
position:absolute;
width:100%;
height:100%;
border-radius: var(--unity-border-radius);
backdrop-filter: blur(var(--unity-floating-blur-radius));
background-color: var(--unity-background-floating);
}
z-index: -1;
top: 0;
left: 0;
}
}

.header__6d5ea,
.content__1b8a0 {
border-radius: var(--unity-border-radius) var(--unity-border-radius) 0 0;
}

.footer__89240 {
border-radius: 0 0 var(--unity-border-radius) var(--unity-border-radius);
justify-content: space-around;

button {
width: auto;
border-radius: var(--unity-border-radius);
&:not([type=submit]) {
background-color: var(--brand-experiment-35a);
transition: background-color ease 0.2s;

&:hover {
background-color: var(--brand-experiment);
}

.contents_fb6220 {
background-image: none;
}
}
}
.footer__89240 {
border-radius: 0 0 var(--unity-border-radius) var(--unity-border-radius);
justify-content: space-around;

button {
width: auto;
border-radius: var(--unity-border-radius);
&:not([type="submit"]) {
background-color: var(--brand-experiment-35a);
transition: background-color ease 0.2s;

&.lookLink__93965.colorPrimary__6ed40 {
color: var(--interactive-active);
}
}

&:hover {
background-color: var(--brand-experiment);
}

.contents_fb6220 {
background-image: none;
}
}
}
}
}
1 change: 1 addition & 0 deletions Themes/Unity/src/theme/popouts/_contentpicker.scss
Original file line number Diff line number Diff line change
Expand Up @@ -110,3 +110,4 @@ section .contentWrapper__321ed,
.result_e1fc74::after {
border-radius: var(--unity-border-radius);
}

42 changes: 29 additions & 13 deletions Themes/Unity/src/theme/popouts/_index.scss
Original file line number Diff line number Diff line change
@@ -1,18 +1,34 @@
@use './userpopout';
@use './contextmenu';
@use './contentpicker';
@use "./userpopout";
@use "./contextmenu";
@use "./contentpicker";


[id^="popout"]:not(:has(#account, [class*="user"], [class*="Profile"])){
backdrop-filter: blur(var(--unity-floating-blur-radius));
>div {
border-radius: var(--unity-border-radius);

}
div[id^="popout"] {
&:not(:has(#account, [class*="userPopout"])) {
> div {
border-radius: var(--unity-border-radius);
overflow: hidden;
z-index: 101;
}
}

.streamPreview__1846c {
background: transparent;
}
&::before {
height: 100%;
width: 100%;
content: " ";
backdrop-filter: blur(var(--unity-floating-blur-radius));
border-radius: var(--unity-border-radius);
position: absolute;
display: block;
z-index: 0;
top:0;
left:0;
}
}

.tooltip__01384 {
backdrop-filter: blur(var(--unity-floating-blur-radius));
border-radius: var(--unity-border-radius);
}
backdrop-filter: blur(var(--unity-floating-blur-radius));
border-radius: var(--unity-border-radius);
}

0 comments on commit e04ab7b

Please sign in to comment.