diff --git a/bigbluebutton-html5/imports/ui/components/user-avatar/color-generator.js b/bigbluebutton-html5/imports/ui/components/user-avatar/color-generator.js index 8551a2302e1741572675481566cac82174e12b95..a17174de8d2d2b150b60403c2eac5dc76c3c764b 100644 --- a/bigbluebutton-html5/imports/ui/components/user-avatar/color-generator.js +++ b/bigbluebutton-html5/imports/ui/components/user-avatar/color-generator.js @@ -26,6 +26,7 @@ const stringToPastelColour = (str) => { }; // https://www.w3.org/TR/WCAG20/#relativeluminancedef +// http://entropymine.com/imageworsener/srgbformula/ const relativeLuminance = (rgb) => { let tmp = {}; @@ -91,7 +92,7 @@ const addShadeIfNoContrast = (rgb) => { let cr = contrastRatio(base, rgb); - if (cr > 2.5) { + if (cr > 4.5) { return rgb; } diff --git a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss index f623c36762cae2d6a2dda13de6a848c124abe852..88c341a277437ac9ca1c5002b4e6209eadaa409e 100644 --- a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.scss @@ -32,8 +32,8 @@ $moderator-bg: $color-primary; .userStatus { position: absolute; background-color: $color-white; - width: 0.70rem; - height: 0.70rem; + width: 0.625rem; + height: 0.625rem; border-radius: 2px; top: 0; left: 0; @@ -58,10 +58,10 @@ $moderator-bg: $color-primary; justify-content: center; position: absolute; border-radius: 50%; - width: 0.70rem; - height: 0.70rem; - top: 1.5rem; - left: 1.5rem; + width: 0.625rem; + height: 0.625rem; + top: 1.575rem; + left: 1.575rem; -webkit-box-shadow: 0 0 0 1px $color-white; -moz-box-shadow: 0 0 0 1px $color-white; box-shadow: 0 0 0 1px $color-white; @@ -78,8 +78,12 @@ $moderator-bg: $color-primary; } .microphoneMuted { + margin-top: 0.05rem; width: 2px; transform: rotate(45deg); - height: 0.7rem; + height: 0.60rem; background-color: $color-white; } + +// 10px x +// 16px 1