diff --git a/app/resources/images/share-screen.svg b/app/resources/images/share-screen.svg
new file mode 100644
index 0000000..cbd90b4
--- /dev/null
+++ b/app/resources/images/share-screen.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/app/resources/images/unshare-screen.svg b/app/resources/images/unshare-screen.svg
new file mode 100644
index 0000000..8193903
--- /dev/null
+++ b/app/resources/images/unshare-screen.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl
index 5cd6b26..d305da7 100644
--- a/app/stylus/components/Room.styl
+++ b/app/stylus/components/Room.styl
@@ -232,6 +232,25 @@
}
}
+ &.screen {
+ &.on {
+ background-image: url('/resources/images/unshare-screen.svg');
+ }
+
+ &.off {
+ background-image: url('/resources/images/share-screen.svg');
+ }
+
+ &.unsupported {
+ background-image: url('/resources/images/unshare-screen.svg');
+ background-color: rgba(#d42241, 0.7);
+ }
+
+ &.need-extension {
+ background-image: url('/resources/images/share-screen.svg');
+ }
+ }
+
&.leave-meeting {
background-image: url('/resources/images/leave-meeting.svg');
}