diff --git a/themes/themes-portal.scss b/themes/themes-portal.scss
index 32688c77231e4129c514c72d4796aad2c2424ec9..94d07a7c834ecb9b9e9cfb40e4d4c1eaceb5fcd1 100644
--- a/themes/themes-portal.scss
+++ b/themes/themes-portal.scss
@@ -36,33 +36,7 @@ html[data-theme='Default'] {
--sbt-bradius-24: calc(var(--sbt-bradius) * 12);
--sbt-bradius-32: calc(var(--sbt-bradius) * 16);
--sb-container-bg: var(--white);
- --sbt-textbooks: #0091FF;
- --sbt-courses: #0531FF;
- --sbt-quizzes: #0C989B;
- --sbt-tests: #E02020;
- --sbt-stories: #008840;
- --sbt-poems: #B620E0;
- --sbt-tv: #E7800B;
- --sbt-podcasts: #7B4EFF;
- --sbt-all: #4DBD09;
- --sbt-textbooks-text: var(--sbt-textbooks);
- --sbt-textbooks-bg: var(--sbt-textbooks);
- --sbt-courses-text: var(--sbt-courses);
- --sbt-courses-bg: var(--sbt-courses);
- --sbt-quizzes-text: var(--sbt-quizzes);
- --sbt-quizzes-bg: var(--sbt-quizzes);
- --sbt-tests-text: var(--sbt-tests);
- --sbt-tests-bg: var(--sbt-tests);
- --sbt-stories-text: var(--sbt-stories);
- --sbt-stories-bg: var(--sbt-stories);
- --sbt-poems-text: var(--sbt-poems);
- --sbt-poems-bg: var(--sbt-poems);
- --sbt-tv-text: var(--sbt-tv);
- --sbt-tv-bg: var(--sbt-tv);
- --sbt-podcasts-text: var(--sbt-podcasts);
- --sbt-podcasts-bg: var(--sbt-podcasts);
- --sbt-all-text: var(--sbt-all);
- --sbt-all-bg: var(--sbt-all);
+
--sbt-badge-bg: var(--rc-d4d3d3);
--sbt-badge-text: var(--gray-800);
--sbfield-label-text: var(--gray-800);
@@ -222,6 +196,7 @@ html[data-theme='Default'] {
.orange-border {
border-color: var(--red-100);
}
+
.sb-modal-dropdown-web ul li:hover {
background-color: #e6e1f9;
}
@@ -241,8 +216,8 @@ html[data-theme=Darkmode][layout='old'] {
.sbt-back-header .content-header {
background-color: #444 !important;
}
-
- .sb-bg-color-white{
+
+ .sb-bg-color-white {
background-color: #333 !important;
}
}
@@ -297,8 +272,8 @@ html[layout='joy'] {
--sb-graph-section-bg: var(--sbt-body-bg2);
.profile-bg-c-3 {
- border-radius: 2rem;
- margin-top: calculateRem(24px);
+ border-radius: 2rem;
+ margin-top: calculateRem(24px);
}
.sb--card {
@@ -416,7 +391,8 @@ html[layout='joy'] {
padding: calculateRem(8px) calculateRem(24px);
}
- .sb-btn-sm, .sb-btn-xs {
+ .sb-btn-sm,
+ .sb-btn-xs {
border-radius: var(--sbt-bradius-24);
}
@@ -432,7 +408,7 @@ html[layout='joy'] {
padding: calculateRem(8px) !important;
height: 3rem !important;
width: 3rem !important;
-
+
span {
display: none;
}
@@ -1372,18 +1348,20 @@ html[layout='joy'] {
.sbt-header-bar {
padding: 0 1rem;
}
- .sbt-inside-page-container, .sbt-center-container {
- margin-top: -1.5rem !important;
- z-index: 2;
- position: relative;
- padding: 1rem !important;
- margin-left: 0 !important;
+
+ .sbt-inside-page-container,
+ .sbt-center-container {
+ margin-top: -1.5rem !important;
+ z-index: 2;
+ position: relative;
+ padding: 1rem !important;
+ margin-left: 0 !important;
}
.content-video {
- background: var(--sbt-body-bg2);
- padding: 0rem;
- border-radius: calculateRem(16px);
+ background: var(--sbt-body-bg2);
+ padding: 0rem;
+ border-radius: calculateRem(16px);
}
.sb-back-actionbar .sb-btn-link-primary {
@@ -1406,11 +1384,11 @@ html[layout='joy'] {
table.dataTable.no-footer {
border-radius: var(--sbt-bradius-24);
- }
-
- .sb-forum-btn{
- height: 2rem !important;
- }
+ }
+
+ .sb-forum-btn {
+ height: 2rem !important;
+ }
}
html[data-theme=Darkmode] {
@@ -1459,33 +1437,8 @@ html[data-theme=Darkmode] {
--sbt-bradius-16: calc(var(--sbt-bradius) * 8);
--sbt-bradius-24: calc(var(--sbt-bradius) * 12);
--sbt-bradius-32: calc(var(--sbt-bradius) * 16);
- --sbt-textbooks: #0091FF;
- --sbt-courses: #0531FF;
- --sbt-quizzes: #0C989B;
- --sbt-tests: #E02020;
- --sbt-stories: #008840;
- --sbt-poems: #B620E0;
- --sbt-tv: #E7800B;
- --sbt-podcasts: #7B4EFF;
- --sbt-all: #4DBD09;
- --sbt-textbooks-text: var(--sbt-textbooks);
- --sbt-textbooks-bg: var(--sbt-textbooks);
- --sbt-courses-text: var(--sbt-courses);
- --sbt-courses-bg: var(--sbt-courses);
- --sbt-quizzes-text: var(--sbt-quizzes);
- --sbt-quizzes-bg: var(--sbt-quizzes);
- --sbt-tests-text: var(--sbt-tests);
- --sbt-tests-bg: var(--sbt-tests);
- --sbt-stories-text: var(--sbt-stories);
- --sbt-stories-bg: var(--sbt-stories);
- --sbt-poems-text: var(--sbt-poems);
- --sbt-poems-bg: var(--sbt-poems);
- --sbt-tv-text: var(--sbt-tv);
- --sbt-tv-bg: var(--sbt-tv);
- --sbt-podcasts-text: var(--sbt-podcasts);
- --sbt-podcasts-bg: var(--sbt-podcasts);
- --sbt-all-text: var(--sbt-all);
- --sbt-all-bg: var(--sbt-all);
+
+
--sbfield-label-text: var(--gray-100);
// new styles
@@ -1847,9 +1800,18 @@ html[data-theme=Darkmode] {
.sbt-page-content-area {
background: none !important;
}
- .terms-and-cond-form iframe, sb-caret-down svg, .sb-form-control:focus+i.icon-input-close, .sb-btn-nolayer img, .enter-qr-code-body img, .flex-ai-jc-center.add-member-content img, .sb-multi-rows img, .player-endpage__right-panel .user-options img{
+
+ .terms-and-cond-form iframe,
+ sb-caret-down svg,
+ .sb-form-control:focus+i.icon-input-close,
+ .sb-btn-nolayer img,
+ .enter-qr-code-body img,
+ .flex-ai-jc-center.add-member-content img,
+ .sb-multi-rows img,
+ .player-endpage__right-panel .user-options img {
filter: invert(1);
}
+
.no-content-container .board-title,
.no-content-container .sub-title,
.ui.semi-circular.update.basic.label,
@@ -1857,10 +1819,15 @@ html[data-theme=Darkmode] {
color: var(--gray-100) !important;
}
- .sb-epub-reading-status, .sb-label-grid .item:hover,.sb-notification-modal .ui.modal, .flex-ai-jc-center.add-member-content {
+ .sb-epub-reading-status,
+ .sb-label-grid .item:hover,
+ .sb-notification-modal .ui.modal,
+ .flex-ai-jc-center.add-member-content {
background: #333;
}
- .sb-player-header__panel .player-pagenumber .page-count:focus~.focus-arrow, .batch-details__dropdown .selection.ui.dropdown {
+
+ .sb-player-header__panel .player-pagenumber .page-count:focus~.focus-arrow,
+ .batch-details__dropdown .selection.ui.dropdown {
background: #222;
}
@@ -1915,10 +1882,13 @@ html[data-theme=Darkmode] {
border: none;
}
- .sb-notification-container .sb-notification-header, .multi-select-container .list-border .placeholder {
+ .sb-notification-container .sb-notification-header,
+ .multi-select-container .list-border .placeholder {
color: var(--white) !important;
}
- .menu:hover::after, .sb-members-list-item .menu:hover::after {
+
+ .menu:hover::after,
+ .sb-members-list-item .menu:hover::after {
background: var(--kabab-menu-hover-bg) !important;
}
@@ -1994,7 +1964,8 @@ html[data-theme=Darkmode] {
color: #fff;
}
- .lib-chat-body, .messages-container {
+ .lib-chat-body,
+ .messages-container {
background-color: #333333;
}
@@ -2088,11 +2059,16 @@ html[data-theme=Darkmode] {
}
}
- .user-profile-box, .sb-members-list-item, .sbt-welcome-theme-container .joy-modal-footer {
+ .user-profile-box,
+ .sb-members-list-item,
+ .sbt-welcome-theme-container .joy-modal-footer {
background: #333;
}
- .members-inline .sb-members-list-item, .sb-modal-dropdown-web ul li:hover, .sb-toc-child-item, .cc-player__btn-back {
+ .members-inline .sb-members-list-item,
+ .sb-modal-dropdown-web ul li:hover,
+ .sb-toc-child-item,
+ .cc-player__btn-back {
background: #222;
}
@@ -2230,11 +2206,18 @@ html[data-theme=Darkmode] {
.cc-player__content-header {
background: #444444;
}
+
.content-video__player__details {
background: transparent !important;
}
- .content-metadeta, .ui.styled.accordion, .ui.styled.accordion .accordion, .sb-accordion-content.sb-bg-color-white, .sb-groups-members-card, .sb-toc-credits .sbaccordion__panel-header, .sb-toc-credits .sbaccordion__panel-content {
+ .content-metadeta,
+ .ui.styled.accordion,
+ .ui.styled.accordion .accordion,
+ .sb-accordion-content.sb-bg-color-white,
+ .sb-groups-members-card,
+ .sb-toc-credits .sbaccordion__panel-header,
+ .sb-toc-credits .sbaccordion__panel-content {
background: #333 !important;
}
@@ -2558,7 +2541,8 @@ html[data-theme=Darkmode] {
background: rgba(var(--rc-rgba-black), .8);
}
- sui-multi-select.ui.selection.dropdown, sui-select.ui.selection.dropdown {
+ sui-multi-select.ui.selection.dropdown,
+ sui-select.ui.selection.dropdown {
background: var(--sb-dropdown-menu-bg) !important;
}
@@ -2625,7 +2609,8 @@ html[data-theme=Darkmode] {
}
}
- .course-complete-para, .content-metadeta__title {
+ .course-complete-para,
+ .content-metadeta__title {
color: var(--white) !important;
}
@@ -2633,7 +2618,8 @@ html[data-theme=Darkmode] {
background: #333333;
}
- .help-page__header.sb-bg-color-white, .sbt-header-menu-bar {
+ .help-page__header.sb-bg-color-white,
+ .sbt-header-menu-bar {
background: #222 !important;
}
@@ -2646,7 +2632,10 @@ html[data-theme=Darkmode] {
}
- .sbaccordion__panel-content .heading, .data-labels, .ui.selection.dropdown .menu>.message, .sb-section-preference{
+ .sbaccordion__panel-content .heading,
+ .data-labels,
+ .ui.selection.dropdown .menu>.message,
+ .sb-section-preference {
color: var(--white);
}
@@ -2735,22 +2724,29 @@ html[data-theme=Darkmode] {
}
}
- table.dataTable.no-footer{
+ table.dataTable.no-footer {
background: var(--primary);
border: 1px solid var(--black);
- thead th{
+
+ thead th {
background-color: var(--primary) !important;
color: var(--black);
}
+
tbody tr {
background-color: #444;
color: var(--white);
+
&:nth-child(odd) {
background-color: #333 !important;
}
}
}
- .field>label, .inline.fields>label, .ui.modal .ui.radio.checkbox .box, .ui.radio.checkbox label{
+
+ .field>label,
+ .inline.fields>label,
+ .ui.modal .ui.radio.checkbox .box,
+ .ui.radio.checkbox label {
color: var(--black);
}
}
@@ -2882,33 +2878,52 @@ html[accessable-theme="accessible"][layout='joy'][data-theme="Darkmode"] {
color: var(--yellow) !important
}
- .sb-pageSection .sb-pageSection-header .sb-pageSection-sentenceCase .sb-pageSection-count, .sb-pageSection .sb-pageSection-header .sb-cls-btn,
- .sb-pageSection .sb-pageSection-header button.sb-btn-secondary, .sb-pageSection .sb-pageSection-header .sb-pageSection-sentenceCase .sb-pageSection-count, .sb-pageSection .sb-pageSection-header .sb-cls-btn,
+ .sb-pageSection .sb-pageSection-header .sb-pageSection-sentenceCase .sb-pageSection-count,
+ .sb-pageSection .sb-pageSection-header .sb-cls-btn,
+ .sb-pageSection .sb-pageSection-header button.sb-btn-secondary,
+ .sb-pageSection .sb-pageSection-header .sb-pageSection-sentenceCase .sb-pageSection-count,
+ .sb-pageSection .sb-pageSection-header .sb-cls-btn,
.sb-pageSection .sb-pageSection-header button.sb-btn-secondary {
background-color: var(--black) !important;
color: var(--white);
}
- sb-accordion-body .sbaccordion__panel-content .credits-section .title, .sb-pageSection-content button.slick-next.slick-arrow, .sb-pageSection-content button.slick-prev.slick-arrow.slick-disabled {
+ sb-accordion-body .sbaccordion__panel-content .credits-section .title,
+ .sb-pageSection-content button.slick-next.slick-arrow,
+ .sb-pageSection-content button.slick-prev.slick-arrow.slick-disabled {
color: #c2c2c2 !important;
}
+
.module-complete-content label.fnormal {
color: var(--accessible-green) !important;
}
+
.sbt-class-bar .sb-slider-pills-container .sb-pills-container .pill.active {
background-color: var(--primary-color) !important;
color: var(--black) !important;
}
- .sbt-class-bar .sb-slider-pills-container .sb-pills-container .pill:hover, .sbt-mygroups-details .sb--card__moreinfo .sb--card__type, .sb-pageSection-title.sb-pageSection-title-light, .nested-group-container .fxsmall, .nested-group-container .fsmall, .nested-group-container .member-name .fnormal, .cursor-pointer .download-text {
+ .sbt-class-bar .sb-slider-pills-container .sb-pills-container .pill:hover,
+ .sbt-mygroups-details .sb--card__moreinfo .sb--card__type,
+ .sb-pageSection-title.sb-pageSection-title-light,
+ .nested-group-container .fxsmall,
+ .nested-group-container .fsmall,
+ .nested-group-container .member-name .fnormal,
+ .cursor-pointer .download-text {
color: var(--black) !important;
}
- .sbt-class-bar .sb-slider-pills-container .sb-pills-container .pill, .sb-accordion-content .licenseTag, .content-metadeta__title, .content-metadeta__title,.content-metadeta__text {
+ .sbt-class-bar .sb-slider-pills-container .sb-pills-container .pill,
+ .sb-accordion-content .licenseTag,
+ .content-metadeta__title,
+ .content-metadeta__title,
+ .content-metadeta__text {
color: var(--white) !important;
}
- .sbt-welcome-theme-container .sb-color-warning, .user-profile-box span.sb-color-warning, .sb-modal-content .sb-form span.sb-color-warning{
+ .sbt-welcome-theme-container .sb-color-warning,
+ .user-profile-box span.sb-color-warning,
+ .sb-modal-content .sb-form span.sb-color-warning {
color: #FFADAD !important;
}
@@ -2917,12 +2932,15 @@ html[accessable-theme="accessible"][layout='joy'][data-theme="Darkmode"] {
color: var(--black);
}
}
- .user-profile-box .orange.text, .user-profile-box .orange-border{
- color: #FFADB6;
- }
- .help-page__content .panel .panel-collapse .panel-interact .yes-clicked{
- color: var(--secondary-color);
- }
+
+ .user-profile-box .orange.text,
+ .user-profile-box .orange-border {
+ color: #FFADB6;
+ }
+
+ .help-page__content .panel .panel-collapse .panel-interact .yes-clicked {
+ color: var(--secondary-color);
+ }
}
html[accessable-theme="accessible"] {
@@ -2966,7 +2984,8 @@ html[accessable-theme="accessible"] {
color: #4a4a4a;
}
- .sbaccordion__panel-content .sb-meta-data .title, .title.ng-star-inserted {
+ .sbaccordion__panel-content .sb-meta-data .title,
+ .title.ng-star-inserted {
color: var(--primary-color) !important;
}
@@ -2989,9 +3008,10 @@ html[accessable-theme="accessible"] {
}
}
- .sb-requirement-field span{
+ .sb-requirement-field span {
color: #9d1b1b !important;
}
+
.infotext {
color: var(--red) !important;
}
@@ -3111,7 +3131,10 @@ html[accessable-theme="accessible"] {
}
}
- .re-issue-content .certificate-id-info, .three.wide.column.pl-0.pr-0 .sidebar.py-24, .progress-content #dashoardFiltersHolder .current-batch-list .update-text, .detailed-report .administrator-text{
+ .re-issue-content .certificate-id-info,
+ .three.wide.column.pl-0.pr-0 .sidebar.py-24,
+ .progress-content #dashoardFiltersHolder .current-batch-list .update-text,
+ .detailed-report .administrator-text {
color: #595959 !important;
}
@@ -3164,7 +3187,8 @@ html[accessable-theme="accessible"] {
}
}
- .multi-select-section-app .multi-select-container .placeholder, .licenseTag {
+ .multi-select-section-app .multi-select-container .placeholder,
+ .licenseTag {
color: var(--gray-400) !important;
}
@@ -3174,7 +3198,8 @@ html[accessable-theme="accessible"] {
}
}
- .add-user--horizontal .add-user__label.sb-color-secondary, .module-complete-content label.fnormal {
+ .add-user--horizontal .add-user__label.sb-color-secondary,
+ .module-complete-content label.fnormal {
color: var(--accessible-green) !important;
}
@@ -3182,15 +3207,36 @@ html[accessable-theme="accessible"] {
.sb-requirement-field {
color: #51514D;
}
- .user-profile-box .orange-border, .user-profile-box .orange.text {
- border-color: #B30012;
- }
- .panel-interact .yes-btn, .help-page__content .panel .panel-collapse .panel-interact .yes-clicked {
- color: #005C2B !important;
- }
-
- .panel-info textarea::-webkit-input-placeholder, .panel-info textarea:-moz-placeholder, .panel-info textarea::-moz-placeholder, .panel-info textarea:-ms-input-placeholder, .panel-info textarea::placeholder{
- color: #595959;
- }
-
+
+ .user-profile-box .orange-border,
+ .user-profile-box .orange.text {
+ border-color: #B30012;
+ }
+
+ .panel-interact .yes-btn,
+ .help-page__content .panel .panel-collapse .panel-interact .yes-clicked {
+ color: #005C2B !important;
+ }
+
+ .panel-info textarea::-webkit-input-placeholder,
+ .panel-info textarea:-moz-placeholder,
+ .panel-info textarea::-moz-placeholder,
+ .panel-info textarea:-ms-input-placeholder,
+ .panel-info textarea::placeholder {
+ color: #595959;
+ }
+
+}
+
+html[data-theme='Default'],
+html[data-theme=Darkmode] {
+ --sbt-textbooks: #0091FF;
+ --sbt-courses: #0531FF;
+ --sbt-quizzes: #0C989B;
+ --sbt-tests: #E02020;
+ --sbt-stories: #008840;
+ --sbt-poems: #B620E0;
+ --sbt-tv: #E7800B;
+ --sbt-podcasts: #7B4EFF;
+ --sbt-all: #4DBD09;
}
\ No newline at end of file