Have you ever felt like the the zoom website was just terribly white? Don't worry! Welcome to the dark side of zoom with a nice blur intro, better buttons, better dark colors, even a better nav-bar. This is still in development so some pages may not work. If places are not visible its probably due to zoom's shitty coding.
The main pages such as the join meeting page, post attendee page all work flawlessly so you won't have a problem joining meetings.
[if the theme seems broken try disabling other themes/extensions]
Notes
1.0
First instance
[dark color palette, most buttons glow, website transitions include a nice blur. Fixed the html body being white. Made all animations in post-attendee page grayscale. Cursor made a selection cursor to look cool]
To-do:
Fix the dark mode for the other pages
Fix the dark mode for the language selection
Gotto change the scrollbar to fit the theme.
Source code
/* ==UserStyle==
@name Minimal Dark Zoom Theme
@version 20220114.04.19
@namespace userstyles.world/user/debianowo
@description Have you ever felt like the the zoom website was just terribly white? Don't worry! Welcome to the dark side of zoom with a nice blur intro, better buttons, better dark colors, even a better nav-bar. This is still in development so some pages may not work. If places are not visible its probably due to zoom's shitty coding.
The main pages such as the join meeting page, post attendee page all work flawlessly so you won't have a problem joining meetings.
[if the theme seems broken try disabling other themes/extensions]
@author debianowo
@license No License
==/UserStyle== */
@-moz-document domain("zoom.us") {
html {
background-color: #121212;
}
body {
filter: blur(0px);
cursor: crosshair;
animation-name: blurintro;
animation-duration: 1s;
animation-iteration-count: 1;
}
@keyframes blurintro {
0% {
filter: blur(16px);
}
100% {
filter: blur(0px);
}
}
#header,
#header_container,
div {
background-color: #121212!important;
}
.button-v2,
.action-btns,
img,
.left,
.WyZsibeq {
background-color: #121212!important;
height: 64px;
}
body,
div {
background-color: #161616!important;
}
* {
color: #e6e6e6!important;
}
div[role=button],#btnSubmit {
transition: 0.3s;
background-color: #2792ffcc!important;
color: rgba(4, 4, 19, .56);
box-shadow: 0px 0px 10px #2792ffcc;
}
div[role=button]:hover{
transition: 0.3s;
box-shadow: 0px 0px 5px #2792ffcc;
}
.clearfix,
.left {
height: 64px!important;
}
.left {
margin-top: 0px;
position: relative;
height: 0px!important;
}
#header_outer div {
background-color: #121212!Important;
}
#ad_wrapper {
display: none;
}
.reference-icons img {
height: 35px!important;
background-color: #161616!important;
width: 35px;
}
img.picture {
height: 50%;
filter: grayscale(100%);
}
a.icon[href^="https://www.instagram.com/zoom"] {
display: none;
}
.inXzNydj hr {
background: #121212!important;
}
#content_container img {
height: 100%;
}
.primary-btn,#signupfree a[role="button"] {
transition: 0.6s;
box-shadow: 0px 0px 10px #DA621E;
}
.primary-btn:hover {
transition: 0.3s;
box-shadow: 0px 0px 5px #DA621E;
}
#onetrust-pc-sdk.otPcCenter{
box-shadow: 0px 0px 10px #000!important;
}
.sg_0vLoX{
background-color: #121212!important;
}
::selection{
background-color: #ffffff87;
color: #000;
}
.navbar-fixed-top, .navbar-fixed-bottom{
position: fixed;
top: 0px;
}
.input-lg{
background-color: #121212;
border-color: #131313;
}
}
