Added High Contrast theme support. Fixes #5653

Fixed text color issue in explain analyze for the Dark theme. Fixes #5677
This commit is contained in:
Nikhil Mohite
2020-07-20 11:51:21 +05:30
committed by Akshay Joshi
parent 9174db2024
commit 7edcca9b07
52 changed files with 586 additions and 145 deletions

View File

@@ -603,7 +603,7 @@ define('pgadmin.browser', [
return {
buttons:[{
text: '',
className: 'btn btn-secondary pull-left fa fa-question pg-alertify-icon-button',
className: 'btn btn-primary-icon pull-left fa fa-question pg-alertify-icon-button',
attrs: {
name: 'dialog_help',
type: 'button',

View File

@@ -246,7 +246,7 @@ define([
label: '',
type: 'delete',
tooltip: gettext('Delete/Drop'),
extraClasses: ['btn-secondary m-1', 'delete_multiple'],
extraClasses: ['btn-primary-icon m-1', 'delete_multiple'],
icon: 'fa fa-lg fa-trash-o',
disabled: (_.isFunction(that.canDrop)) ? !(that.canDrop.apply(self, [data, item])) : (!that.canDrop),
register: function(btn) {
@@ -260,7 +260,7 @@ define([
label: '',
type: 'delete',
tooltip: gettext('Drop Cascade'),
extraClasses: ['btn-secondary m-1', 'delete_multiple_cascade'],
extraClasses: ['btn-primary-icon m-1', 'delete_multiple_cascade'],
icon: 'pg-font-icon icon-drop-cascade',
disabled: (_.isFunction(that.canDropCascade)) ? !(that.canDropCascade.apply(self, [data, item])) : (!that.canDropCascade),
register: function(btn) {

View File

@@ -1245,7 +1245,7 @@ define('pgadmin.browser.node', [
label: '',
type: 'help',
tooltip: gettext('SQL help for this object type.'),
extraClasses: ['btn-secondary', 'btn-secondary', 'm-1'],
extraClasses: ['btn-primary-icon', 'btn-primary-icon', 'm-1'],
icon: 'fa fa-lg fa-info',
disabled: (that.sqlAlterHelp == '' && that.sqlCreateHelp == '') ? true : false,
register: function(btn) {
@@ -1498,7 +1498,7 @@ define('pgadmin.browser.node', [
label: '',
type: 'help',
tooltip: gettext('SQL help for this object type.'),
extraClasses: ['btn-secondary', 'pull-left', 'mx-1'],
extraClasses: ['btn-primary-icon', 'pull-left', 'mx-1'],
icon: 'fa fa-lg fa-info',
disabled: (that.sqlAlterHelp == '' && that.sqlCreateHelp == '') ? true : false,
register: function(btn) {
@@ -1510,7 +1510,7 @@ define('pgadmin.browser.node', [
label: '',
type: 'help',
tooltip: gettext('Help for this dialog.'),
extraClasses: ['btn-secondary', 'pull-left', 'mx-1'],
extraClasses: ['btn-primary-icon', 'pull-left', 'mx-1'],
icon: 'fa fa-lg fa-question',
disabled: (that.dialogHelp == '') ? true : false,
register: function(btn) {

View File

@@ -24,7 +24,7 @@ let _defaultToolBarButtons = [
text: '',
toggled: false,
toggleClass: '',
parentClass: 'pg-toolbar-btn btn-secondary',
parentClass: 'pg-toolbar-btn btn-primary-icon',
enabled: false,
},
{
@@ -34,7 +34,7 @@ let _defaultToolBarButtons = [
text: '',
toggled: false,
toggleClass: '',
parentClass: 'pg-toolbar-btn btn-secondary',
parentClass: 'pg-toolbar-btn btn-primary-icon',
enabled: false,
},
{
@@ -44,7 +44,7 @@ let _defaultToolBarButtons = [
text: '',
toggled: false,
toggleClass: '',
parentClass: 'pg-toolbar-btn btn-secondary',
parentClass: 'pg-toolbar-btn btn-primary-icon',
enabled: false,
},
{
@@ -54,7 +54,7 @@ let _defaultToolBarButtons = [
text: '',
toggled: false,
toggleClass: '',
parentClass: 'pg-toolbar-btn btn-secondary',
parentClass: 'pg-toolbar-btn btn-primary-icon',
enabled: false,
},
];

View File

@@ -129,7 +129,7 @@ define([
' <div class="wizard-buttons d-flex">' +
' <div>' +
' <button tabindex="0" aria-label="' + gettext('Help') + '" title = "' + gettext('Help for this dialog.') + '"' +
' class="btn btn-secondary pull-left wizard-help" <%=this.options.wizard_help ? "" : "disabled" %>>' +
' class="btn btn-primary-icon pull-left wizard-help" <%=this.options.wizard_help ? "" : "disabled" %>>' +
' <span class="fa fa-lg fa-question" role="img"></span></button>' +
' </div>' +
' <div class="ml-auto">' +

View File

@@ -2,10 +2,10 @@
padding: 6px!important;
min-height: $title-height;
max-height: $title-height;
background-color: $color-primary;
background-color: $alert-header-bg;
font-size: $font-size-base;
font-weight: bold;
color: $color-primary-fg;
color: $alert-header-fg;
overflow: hidden;
white-space: nowrap;
border-radius: 0rem;