Make Edsby have a lighter theme rather than the dark blue theme it currently has
Lighter Edsby by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categoryhttps://edsby.com
Created
Updated
Size6.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Ps. I wont be updating this anymore, since I wont have access to Edsby anymore.
Source code
/* ==UserStyle==
@name Lighter Edsby
@version 20240207.23.12
@namespace ?
==/UserStyle== */
@-moz-document domain("edsby.com") {
/* Header*/
.Header-banner .xds-fa-icon {
position: relative;
font-size: 24px;
color: rgb(255, 255, 255) !important; }
.Header-banner .xds-fa-icon {
position: relative;
font-size: 24px;
color: rgb(255, 255, 255) !important;}
.xds-smartIcon:focus, .xds-smartIcon:hover {
background-color: rgb(255 255 255);}
.Header-banner-right {
background-color: #009de3;
}
.Header-banner-left {
background-color: #009de3;
}
/* Icons and buttons */
.e_fa:hover {
color: #009de3 !important;
}
.xds-fa-icon:not(.e_fa fab fa-microsoft) {
color: #009de3;
}
.xds-button xds-AssignmentSubmissionButton-button xds-default-button xds-has-click AssignmentSubmissionButton-button feedItemBody-submit-button {
background-color: #009de3 !important;
}
/* This part is in charge of some major colouring */
html {
--ui-button-default-background-colour: #009de3 !important;
--ui-button-default-hover-colour: #017cb3 !important;
--ui-resource-MyWork-chiclet-incomplete-background-color: #009de3 !important;
--ui-container-border-colour: #017cb3
--ui-hover-background-colour: #009de3
--ui-link-foreground-colour: #009de3 !important;
--edsby-blue: #009de3;
}
/* End */
/* Messages */
.Messages .Messages-body-left-items .xds-simpleTab-selected {
background-color: #009de3 !important;
}
.Messages:hover .Messages-body-left-items:hover .xds-simpleTab-selected:hover {
background-color: #017cb3 !important;
}
.xds-has-click:hover:not(.xds-default-button):not([data-animation-type=none]) {
/* background-color: #009de3; */
/* color: white; */
background-color: white;
color: black;
}
.xds-MessagesViewThread-item-isMyMessage .MessagesViewThread-body-wrapper-item-fill-body-content {
background-color: #009de3 !important;
color: white;
}
/* Calender */
.xds-button-active, .xds-button-active:hover, .xds-button:active, .xds-default-button:active, a.xds-button-link:active {
background-color: #017cb3 !important;
}
th {
background-color: #009de3 !important;
}
.fc-button:not(.fc-state-active) {
background-color: #009de3/*accentColour;; */;
}
.fc-state-disabled {
color: #ffffff;
}
.e_fa fas fa-memo-pad {
background-color: #009de3 !important;
}
/* Home */
.BaseStudent .BaseStudent-col1-portfolioPanel.BasePortfolioPanel .BasePortfolioPanel-portfolioFolder-learningStory-book {
color: #009de3;
}
.BaseStudent .BaseStudent-col1-portfolioPanel.BasePortfolioPanel .BasePortfolioPanel-portfolioFolder-portfolio-folder {
color: #009de3;
}
/* Other */
.xds-f_checkbox-ui {
color: #009de3 !important;
transition: 0.2s;
}
.xds-f_checkbox-ui:hover {
color: #017cb3 !important;
transition: 0.2s;
}
.xds-ttdate-date-iconbox {
color: #009de3 !important;
}
.xds-ttdate-time-iconbox {
color: #009de3 !important;
}
.xds-button-lightblue {
color: #008ccb !important;
border: 1px solid #008ccb !important;
}
.xds-button-lightblue:active {
color: #fff !important;
border: 1px solid #008ccb !important;
background-color: #05a1e8 !important;
}
.desktop .xds-button-lightblue:hover {
background: #eee;
}
.xdl-first xdl-last xds-div xds-fa-icon loginintegrations-office365-logo loginform-types-integrationlink-logo {
color: white !important;
}
.e_fa fab fa-microsoft {
color: white !important;
}
.desktop .xds-tabbedform-tab.xds-tabbedform-tab-active:hover, body:not(.xl-3) .xds-tabbedform-tab.xds-tabbedform-tab-active {
background-color: #05a1e8 !important;
transition: 0.2s;
}
.desktop .xds-tabbedform-tab.xds-tabbedform-tab-active:hover, body:not(.xl-3) .xds-tabbedform-tab.xds-tabbedform-tab-active:hover {
background-color: #0287c4 !important;
color: white;
transition: 0.2s;
}
.Header-banner-right-options:hover, a.Header-banner-right-home:hover {
background-color: #0000;
text-decoration: underline;
}
.xds-button-lightred {
/* option one - background-color: #f7f7f7; (unused because I prefer the other option) */
color: white;
background-color: red;
transition: 0.3s;
}
.xds-button-lightred:hover {
background-color: #f7f7f7;
color: #931506;
transition: 0.3s;
}
.xds-compoundFileThumbnail-smartThumb:hover {
border-color: #05a1e8;
}
.desktop .attachmentList .xds-attachmentList-file:hover {
border-color: #05a1e8;
}
.xdl-progress-inner {
background-color: #05a1e8;
}
.MyWorkAssessmentPane .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-graded {
background-color: #05a1e8;
color: white;
}
.MyWorkAssessmentPane:hover .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-graded {
background-color: white;
color: black;
}
.MyWorkAssessmentPane .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-ungraded {
background-color: #05a1e8;
color: white;
}
.MyWorkAssessmentPane:hover .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-ungraded {
background-color: white;
color: black;
}
.MyWorkAssessmentPane .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-upcoming {
background-color: #05a1e8;
color: white;
}
.MyWorkAssessmentPane:hover .MyWorkAssessmentPane-myworkheader.ViewGradesHeader .ViewGradesHeader-average-assessments-upcoming {
background-color: white;
color: black;
}
.Portfolio-body-page-subheader-buttons-create {
background-color: #009ade !important;
}
.Portfolio-body-page-subheader-buttons-create:hover {
background-color: white !important;
}
.e_fa fas fa-plus {
color: white !important;
}
.xds-selectionmanager-checkbox {
border: solid #05a1e8 !important;
}
.xds-name:not(.xds-name-noLink) {
color: #0184be;
}
a {
color: #0184be;
}
}