NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-12-18 19:32:24 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

#6732: Add color mode toggle to login screen & fix login screen layout issues

Browse Source
This commit is contained in:
checktheroads
2021-05-07 11:40:20 -07:00
parent 63435f2ec1
commit d7c103d77f
6 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
netbox/project-static/dist/netbox.css vendored
View File

File diff suppressed because one or more lines are too long

2
netbox/project-static/dist/netbox.css.map vendored
View File

File diff suppressed because one or more lines are too long

9
netbox/project-static/netbox.scss
View File

@@ -21,6 +21,7 @@
--nbx-cable-termination-bg: #{$gray-200};
--nbx-cable-termination-border-color: #{$gray-300};
--nbx-search-filter-border-left-color: #{$gray-300};
--nbx-color-mode-toggle-color: #{$primary};
body[data-netbox-color-mode='dark'] {
--nbx-logo-color-1: #{$white};
@@ -41,6 +42,7 @@
--nbx-cable-termination-bg: #{$gray-800};
--nbx-cable-termination-border-color: #{$gray-700};
--nbx-search-filter-border-left-color: #{$gray-600};
--nbx-color-mode-toggle-color: #{$yellow-300};
}
}
@@ -169,12 +171,17 @@ nav.search {
main.login-container {
display: flex;
height: calc(100vh - 4rem);
width: 100vw;
width: 100%;
max-width: 100vw;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
& + footer.footer button.color-mode-toggle {
color: var(--nbx-color-mode-toggle-color);
}
}
footer.login-footer {

2
netbox/project-static/theme-dark.scss
View File

@@ -47,7 +47,7 @@ $box-shadow: 0 0.5rem 1rem rgba($black, 0.15);
$box-shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075);
$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175);
$box-shadow-inset: inset 0 1px 2px rgba($black, 0.075);
$text-muted: $gray-500;
$text-muted: $gray-400;
$blockquote-footer-color: $gray-600;
$mark-bg: #fcf8e3;
$link-color: $primary;