Use Bootstrap variable for body background color
Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
This commit is contained in:
parent
f59cc3211f
commit
a76f4c2a7e
@ -3,7 +3,6 @@ body {
|
||||
margin: 0;
|
||||
margin-#{$left}: $navi-width;
|
||||
color: $main-color;
|
||||
background: $main-background;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
|
||||
@ -22,9 +22,6 @@ $navi-pointer-background: #ddd;
|
||||
// foreground (text) color for the main frame
|
||||
$main-color: #444;
|
||||
|
||||
// background for the main frame
|
||||
$main-background: #fff;
|
||||
|
||||
// foreground (text) color of the pointer in browse mode
|
||||
$browse-pointer-color: #000;
|
||||
|
||||
|
||||
@ -86,7 +86,6 @@ body {
|
||||
padding: 0;
|
||||
margin-#{$left}: $navi-width;
|
||||
color: $main-color;
|
||||
background: $main-background;
|
||||
line-height: 1;
|
||||
font-size: 11px;
|
||||
}
|
||||
@ -117,7 +116,7 @@ body#loginform {
|
||||
}
|
||||
|
||||
div.container {
|
||||
color: $main-background;
|
||||
color: $body-bg;
|
||||
text-align: $left;
|
||||
width: 48em;
|
||||
margin-#{$left}: auto;
|
||||
@ -127,7 +126,7 @@ body#loginform {
|
||||
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
|
||||
font-family: 'IcoMoon';
|
||||
font-size: 220px;
|
||||
color: $main-background;
|
||||
color: $body-bg;
|
||||
content: "a";
|
||||
float: $left;
|
||||
margin-#{$right}: 20px;
|
||||
@ -144,7 +143,7 @@ body#loginform {
|
||||
h1 {
|
||||
display: inline-block;
|
||||
text-align: $left;
|
||||
color: $main-background;
|
||||
color: $body-bg;
|
||||
font-size: 2.5em;
|
||||
padding-top: 0;
|
||||
margin-#{$right}: -50%;
|
||||
@ -350,7 +349,7 @@ button.mult_submit {
|
||||
|
||||
a {
|
||||
border: 1px solid $border-color;
|
||||
background: $main-background;
|
||||
background: $body-bg;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
}
|
||||
@ -411,7 +410,7 @@ input {
|
||||
padding: 5px;
|
||||
margin: 6px;
|
||||
font-family: $font-family-base;
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
|
||||
&:focus {
|
||||
border: 1px solid $navi-hover-background;
|
||||
@ -439,7 +438,7 @@ textarea {
|
||||
overflow: visible;
|
||||
border: 1px solid $browse-gray-color;
|
||||
color: $th-color;
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
@ -451,7 +450,7 @@ fieldset {
|
||||
fieldset {
|
||||
margin: 20px;
|
||||
margin-bottom: 0;
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
@ -498,7 +497,7 @@ select {
|
||||
padding: 4px;
|
||||
font-family: $font-family-base;
|
||||
margin: 5px;
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
max-width: 17em;
|
||||
|
||||
&:focus {
|
||||
@ -786,12 +785,12 @@ table tr.hover:not(.nopointer) th {
|
||||
th.condition {
|
||||
border: 1px solid $browse-warning-color;
|
||||
background: $browse-warning-color;
|
||||
color: $main-background !important;
|
||||
color: $body-bg !important;
|
||||
|
||||
a {
|
||||
border: 1px solid $browse-warning-color;
|
||||
background: $browse-warning-color;
|
||||
color: $main-background !important;
|
||||
color: $body-bg !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2058,7 +2057,7 @@ div.sqlvalidate,
|
||||
padding: 1em;
|
||||
margin: 1em;
|
||||
overflow: auto;
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
border: 1px solid $border-color;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
z-index: 800;
|
||||
|
||||
input[type="text"] {
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@ $navi-pointer-background: #377796;
|
||||
$navi-database-name-color: #333;
|
||||
$navi-hover-background: #428eb4;
|
||||
$main-color: #444;
|
||||
$main-background: #fff;
|
||||
$body-bg: #fff;
|
||||
$browse-pointer-color: #377796;
|
||||
$browse-marker-color: #000;
|
||||
$browse-warning-color: #d44a26;
|
||||
@ -44,7 +44,7 @@ $blue-header: #3a7ead;
|
||||
$navi-database-name-color: #fff;
|
||||
$navi-hover-background: #216475;
|
||||
$main-color: #444;
|
||||
$main-background: #fff;
|
||||
$body-bg: #fff;
|
||||
$browse-pointer-color: #004d60;
|
||||
$browse-marker-color: #000;
|
||||
$browse-warning-color: #d44a26;
|
||||
@ -71,7 +71,7 @@ $blue-header: #3a7ead;
|
||||
$navi-database-name-color: #fff;
|
||||
$navi-hover-background: #a10707;
|
||||
$main-color: #444;
|
||||
$main-background: #fff;
|
||||
$body-bg: #fff;
|
||||
$browse-pointer-color: #780505;
|
||||
$browse-marker-color: #000;
|
||||
$browse-warning-color: #d44a26;
|
||||
@ -98,7 +98,7 @@ $blue-header: #3a7ead;
|
||||
$navi-database-name-color: #fff;
|
||||
$navi-hover-background: #428eb4;
|
||||
$main-color: #444;
|
||||
$main-background: #fff;
|
||||
$body-bg: #fff;
|
||||
$browse-pointer-color: #377796;
|
||||
$browse-marker-color: #000;
|
||||
$browse-warning-color: #d44a26;
|
||||
@ -125,7 +125,7 @@ $blue-header: #3a7ead;
|
||||
$navi-database-name-color: #fff;
|
||||
$navi-hover-background: #999;
|
||||
$main-color: #444;
|
||||
$main-background: #fff;
|
||||
$body-bg: #fff;
|
||||
$browse-pointer-color: #666;
|
||||
$browse-marker-color: #000;
|
||||
$browse-warning-color: #666;
|
||||
@ -174,7 +174,7 @@ $btn-padding-x: 0.5rem;
|
||||
|
||||
$card-border-width: 0;
|
||||
$card-cap-color: $navi-background;
|
||||
$card-cap-bg: $main-background;
|
||||
$card-cap-bg: $body-bg;
|
||||
|
||||
// Alert
|
||||
|
||||
|
||||
@ -15,7 +15,6 @@ body {
|
||||
margin: 0;
|
||||
margin-#{$left}: 240px;
|
||||
color: $main-color;
|
||||
background: $main-background;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
@ -837,7 +836,7 @@ ul {
|
||||
|
||||
a.tab:hover,
|
||||
.tabactive {
|
||||
background-color: $main-background;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
@ -852,7 +851,7 @@ ul {
|
||||
}
|
||||
|
||||
&#topmenu > li.active {
|
||||
border-bottom: 1pt solid $main-background;
|
||||
border-bottom: 1pt solid $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2258,7 +2257,7 @@ input#auto_increment_opt {
|
||||
position: fixed;
|
||||
top: 44px;
|
||||
width: 100%;
|
||||
background: $main-background;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
#table_columns {
|
||||
|
||||
@ -22,9 +22,6 @@ $navi-pointer-background: #99c;
|
||||
// foreground (text) color for the main frame
|
||||
$main-color: #000;
|
||||
|
||||
// background for the main frame
|
||||
$main-background: #f5f5f5;
|
||||
|
||||
// foreground (text) color of the pointer in browse mode
|
||||
$browse-pointer-color: #000;
|
||||
|
||||
@ -54,6 +51,10 @@ $bg-two: #d5d5d5;
|
||||
// Bootstrap
|
||||
// ---------
|
||||
|
||||
// Body
|
||||
|
||||
$body-bg: #f5f5f5;
|
||||
|
||||
// Typography
|
||||
|
||||
$font-family-base: sans-serif;
|
||||
|
||||
@ -18,7 +18,6 @@ body {
|
||||
margin: 0;
|
||||
margin-#{$left}: $navi-width;
|
||||
color: $main-color;
|
||||
background: $main-background;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
|
||||
@ -22,9 +22,6 @@ $navi-pointer-background: #ddd;
|
||||
// foreground (text) color for the main frame
|
||||
$main-color: #444;
|
||||
|
||||
// background for the main frame
|
||||
$main-background: #fff;
|
||||
|
||||
// foreground (text) color of the pointer in browse mode
|
||||
$browse-pointer-color: #000;
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user