gian/phpmyadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Console dark color issues for Bootstrap theme

Browse Source 
Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
This commit is contained in:
Maurício Meneghini Fauth 2023-06-12 21:48:44 -03:00
parent 8468c104af
commit 29118bbcd8
No known key found for this signature in database
GPG Key ID: 6A16FD38AFC89CC8
1 changed files with 36 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/themes/bootstrap/scss/_common.scss
View File

@ -1699,7 +1699,7 @@ div#page_content div {
.toolbar {
position: relative;
background: #ccc;
background: var(--#{$prefix}gray-200);
border-top: solid 1px #aaa;
cursor: n-resize;
pointer-events: auto;
@ -1753,12 +1753,12 @@ div#page_content div {
.message span.action:hover,
.toolbar .button:hover,
.switch_button:hover {
background: #ddd;
background: var(--#{$prefix}gray-400);
}
.toolbar {
.button.active {
background: #ddd;
background: var(--#{$prefix}gray-400);
}
.text {
@ -1781,7 +1781,7 @@ div#page_content div {
overflow-y: auto;
margin-bottom: -65px;
border-top: solid 1px #aaa;
background: $white;
background: var(--#{$prefix}body-bg);
padding-top: 0.4em;
pointer-events: auto;
@ -1940,7 +1940,7 @@ div#page_content div {
.action_content {
position: absolute;
bottom: 100%;
background: #ccc;
background: var(--#{$prefix}gray-200);
border: solid 1px #aaa;
border-top-left-radius: 3px;
}
@ -1961,7 +1961,7 @@ div#page_content div {
}
.text {
background: $white;
background: var(--#{$prefix}white);
}
&.collapsed {
@ -2030,6 +2030,36 @@ div#page_content div {
}
}
@include color-mode(dark) {
#pma_console {
.toolbar {
background-color: var(--#{$prefix}gray-800);
.button.active {
background: var(--#{$prefix}gray-600);
color: var(--#{$prefix}white);
}
}
.message span.action:hover,
.toolbar .button:hover,
.switch_button:hover {
background: var(--#{$prefix}gray-600);
color: var(--#{$prefix}white);
}
.message {
.action_content {
background: var(--#{$prefix}gray-800);
}
.text {
background: var(--#{$prefix}black);
}
}
}
}
#pma_bookmarks .content.add_bookmark,
#pma_console_options .content {
padding: 4px 6px;