Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Dark theme #16

Closed
wants to merge 26 commits into from
Closed

Dark theme #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
08fb0ed
feat: style profile page and account page
tanveer65 Mar 13, 2024
df6eecd
feat:updates colors
tanveer65 Mar 26, 2024
294ccde
fixs: profile and account pages issue fix
tanveer65 Apr 5, 2024
53602bc
Hina/light dark theme (#15)
hinakhadim Apr 8, 2024
4e5cf41
update header style
tanveer65 Apr 8, 2024
2667244
feat: update dark theme
tanveer65 Apr 23, 2024
cdf73fa
update style
tanveer65 May 13, 2024
6021c02
fixing
tanveer65 Jun 11, 2024
2beec07
update and fixes
tanveer65 Jun 11, 2024
824f32c
mobile fixes
tanveer65 Jun 12, 2024
661eb2e
fixes
tanveer65 Jun 13, 2024
e3cc55e
fixes
tanveer65 Jun 20, 2024
afe51de
fixes
tanveer65 Jun 24, 2024
d11c397
fixes
tanveer65 Jun 25, 2024
160af5d
fixes
tanveer65 Jun 27, 2024
15f9396
update dark theme
tanveer65 Jul 1, 2024
5fbeeca
merge: merge tanveer/brwoser changes into tanveer/indigo
hinakhadim Jul 4, 2024
0c019eb
fixs
tanveer65 Jul 4, 2024
e6d580c
update styling
tanveer65 Jul 5, 2024
deb30f6
fix: sidebar border color
hinakhadim Jul 5, 2024
f6765f5
fix: sidebar border color
hinakhadim Jul 5, 2024
7756486
update button style
tanveer65 Jul 5, 2024
fa36c72
fixes
tanveer65 Jul 8, 2024
0e7e78a
fixes
tanveer65 Jul 8, 2024
e30861d
fixes
tanveer65 Jul 8, 2024
f32d51a
fixes
tanveer65 Jul 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,5 +14,8 @@
"homepage": "https://github.com/edly-io/brand-openedx#readme",
"publishConfig": {
"access": "public"
},
"scripts": {
"postinstall": "node postinstall.js"
}
}
261 changes: 261 additions & 0 deletions paragon/_account.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,261 @@
.page__account-settings {
max-width: 1600px;
margin: 0 auto;
padding: 35px 15px 20px !important;
.form-control {
padding: 6px 10px;
font-size: 14px;
line-height: 20px;
height: 32px;
}
h1 {
color: $text-color;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin: 0 0 20px;
}
.account-section {
font-size: 14px;
line-height: 20px;
color: $text-color-primary;
p {
margin: 0 0 15px;
}
h2.section-heading {
font-size: 18px;
line-height: 24px;
font-weight: 700;
margin: 0 0 15px;
color: $text-color;
}
}
.row {
@include media-breakpoint-up(md) {
margin: 0;
}
.col-md-2 {
flex: 100%;
max-width: 100%;
@include media-breakpoint-up(md) {
flex: 240px;
max-width: 240px;
padding: 0 0 30px;
}
.jump-nav {
padding: 0;
&.position-sticky {
position: static !important;
@include media-breakpoint-up(md) {
position: sticky !important;
}
}
ul {
padding: 0;
margin: 0;
li {
margin: 0 0 2px;
&.font-weight-bold {
a {
background: $primary-light;
color: $primary;
text-decoration: none;
}
}
a {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: $primary;
text-decoration: none;
padding: 8px 12px;
border-radius: 6px;
&:hover {
background: $primary-light;
color: $primary;
text-decoration: none;
}
}
}
}
}
}
.col-md-10 {
flex: 100%;
max-width: 100%;
@include media-breakpoint-up(md) {
flex: 500px;
max-width: 500px;
padding: 0 0 0 50px;
}
@include media-breakpoint-up(lg) {
flex: 750px;
max-width: 750px;
}
}
}
#delete-account {
p.text-danger {
margin: 0 0 15px;
font-weight: 400;
font-size: 14px;
}
a.standalone-link {
color: $primary;
}
button.btn-outline-danger {
padding: 7px 13px !important;
border: 1px solid #D1D5DB !important;
font-size: 14px !important;
color: #374151;
text-decoration: none;
font-weight: 500;
}
}
.pgn-transition-replace-group + .form-group {
border: 1px solid #E5E7EB;
border-left: 8px solid $primary-light;
padding: 15px !important;
margin: 0 0 15px !important;
border-radius: 8px;
font-size: 14px;
color: $text-color;
h6 {
font-weight: 600;
font-size: 18px;
color: $text-color;
margin: 5px 0 0 !important;
}
p {
margin: 10px 0 0;
button {
&.btn-link {
font-weight: 600;
font-size: 16px;
color: $primary;
}
}
}
.alert-warning {
margin: 10px 0 0 !important;
box-shadow: none;
padding: 15px !important;
background: $primary-light !important;
a {
color: $primary;
}
}
}
.pgn-transition-replace-group {
border: 1px solid #E5E7EB;
border-left: 8px solid $primary-light;
padding: 15px !important;
margin: 0 0 15px !important;
border-radius: 8px;
font-size: 14px;
color: $text-color;
p.h6 {
font-weight: 600;
font-size: 16px;
color: $text-color;
margin: 5px 0 0 !important;
}
p.small.text-muted, div.pgn__form-text.pgn__form-text-default {
background: $primary-light;
padding: 10px 15px;
border-radius: 6px;
font-size: 14px;
line-height: 20px;
color: $text-color !important;
margin: 10px 0 0 !important;
&:empty {
display: none;
}
}
.form-group {
margin: 0;
p.text-truncate, p[data-hj-suppress="true"] {
font-weight: 600;
font-size: 16px;
color: $text-color-primary;
margin: 5px 0 0 !important;
button {
font-weight: 600;
font-size: 16px;
color: $primary;
margin: 0 !important;
}
}
.d-flex.align-items-start {
h6 {
padding: 6px 66px 6px 0;
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: $text-color;
margin: 0;
}
button {
padding: 7px 13px !important;
border: 1px solid $primary !important;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 !important;
position: absolute;
right: 15px;
top: 15px;
background: $primary;
svg {
display: none;
}
}
p {
.small.text-muted {
font-size: 16px;
color: $text-color-primary !important;
line-height: 20px;
}
}
}
}
form {
.pgn__form-control-decorator-group {
margin: 10px 0 0;
}
label.h6 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: $text-color;
margin: 0;
}
>p {
text-align: end;
display: flex;
flex-direction: row-reverse;
margin: 0;
button {
padding: 7px 13px !important;
border: 1px solid $primary !important;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 0 0 15px !important;
background: $primary;
border-radius: 8px;
&.btn-outline-primary {
background: #fff !important;
border-color: #D1D5DB !important;
color: #374151;
}
}
}
}
}
}
Loading