Skip to content
GitLab
Commit e9f1bf2d authored by Pradosh Kumar's avatar Pradosh Kumar
Browse files

Themeing & Code clean up

parent 9a85fbfc
master release-5.1.0
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 164 additions and 118 deletions
+164 -118
themes/themes-portal.scss
+ 164
− 118
View file @ e9f1bf2d
......@@ -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
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment