Cibertec Blackboard - Videoconferences by 7mochi

/* ==UserStyle==
@name         Cibertec Blackboard - Videoconferences
@version      20220825.00.06
@namespace    userstyles.world/user/7mochi
@description  Pepega CSS but it sort of works
@author       7mochi
@license      No License
==/UserStyle== */

@-moz-document domain("us.bbcollab.com") {
/* ==UserStyle==
@name         Cibertec Blackboard - Videoconferences
@author       7mochi
@namespace    7mochi
@version      0.1
@license      No License
==/UserStyle== */
}

@-moz-document domain("us.bbcollab.com") {
:root {
    --bg-color: #262626;
    --bg-secondary-color: #373737;
    --bg-third-color: #736b62;
    --text-color: white;
    --text-color-2: #a6a49d;
    --url-color: #5E81AC;
}

.chat-history__header,
.activity-chat,
.chat-history__notice {
    background-color: var(--bg-color);
}

.chat-input,
.panel-controls,
.moderator-controls__menu-list,
.category-header,
.list-item-participant,
.participant-user-17,
.title-container,
.md-virtual-repeat-offsetter,
.panel-sharing,
.notification,
#panel-settings,
.detached-panels #panel-participants .drag-area,
.detached-panels .category-header,
#collaborate-panel,
.md-virtual-repeat-container {
    background-color: var(--bg-color);
    color: var(--text-color);
}

*[class^='makeStylestoolbarControlSubmit-'],
*[class*=' makeStylestoolbarControlSubmit-'] {
    background-color: var(--bg-third-color);
}

*[class^='makeStylestoolbarControlSubmitDisabled-']:disabled,
*[class*=' makeStylestoolbarControlSubmitDisabled-']:disabled {
    background-color: var(--bg-color);
    cursor: auto;
}

.panel-controls .panel-control.active,
.tooltip .tooltip-content,
{
    background-color: var(--bg-secondary-color);
}

.svg-icon,
*[class^='MuiSvgIconroot'],
*[class*=' MuiSvgIconroot'],
.chat-history__header h1,
.chat-history__notice span {
    color: var(--text-color);
}

.participant-name,
.activity-time,
.primary-text {
    color: var(--text-color-2);
}

.activity-body p,
span,
.ng-scope {
    color: var(--text-color);
}

.activity-body p,
a,
a:link,
a:active,
a:visited,
a:hover span {
    color: var(--url-color);
    text-decoration: none;
}

.activity-body a:hover {
    text-decoration: underline;
}

.category-header {
    border-bottom-color: var(--bg-secondary-color);
}

.rich-text-editor .ql-editor {
    border-radius: 8px;
    background: var(--bg-secondary-color);
    color: var(--text-color);
}

#site-wrap #chat-input-container .rich-text-editor .ql-editor:focus,
#site-wrap [type="color"]:focus,
#site-wrap [type="date"]:focus,
#site-wrap [type="datetime-local"]:focus,
#site-wrap [type="datetime"]:focus,
#site-wrap [type="email"]:focus,
#site-wrap [type="month"]:focus,
#site-wrap [type="number"]:focus,
#site-wrap [type="password"]:focus,
#site-wrap [type="search"]:focus,
#site-wrap [type="tel"]:focus,
#site-wrap [type="text"]:focus,
#site-wrap [type="time"]:focus,
#site-wrap [type="url"]:focus,
#site-wrap [type="week"]:focus,
#site-wrap select:focus,
#site-wrap textarea:focus,
main .side-panels #chat-input-container .rich-text-editor .ql-editor:focus,
main .side-panels [type="color"]:focus,
main .side-panels [type="date"]:focus,
main .side-panels [type="datetime-local"]:focus,
main .side-panels [type="datetime"]:focus,
main .side-panels [type="email"]:focus,
main .side-panels [type="month"]:focus,
main .side-panels [type="number"]:focus,
main .side-panels [type="password"]:focus,
main .side-panels [type="search"]:focus,
main .side-panels [type="tel"]:focus,
main .side-panels [type="text"]:focus,
main .side-panels [type="time"]:focus,
main .side-panels [type="url"]:focus,
main .side-panels [type="week"]:focus,
main .side-panels select:focus,
main .side-panels textarea:focus {
    border: 1px solid var(--text-color-2);
}

.side-panel-container header,
.chat-history__notice,
.chat-input,
#panel-controls {
    border-bottom: none;
    border-top: none;
}
}