pgAdmin 4 commit: 1) Added support for custom theme creation and select - Mailing list pgadmin-hackers

From Akshay Joshi
Subject pgAdmin 4 commit: 1) Added support for custom theme creation and select
Date
Msg-id E1iShmS-0004ck-MG@gothos.postgresql.org
Whole thread Raw
List pgadmin-hackers
1) Added support for custom theme creation and selection. Fixes #4348.
2) Added Dark(Beta) UI Theme option. Fixes #3741.
3) Fix an issue where a black arrow-kind image is displaying at the background of browser tree images. Fixes #4171

Changes include:
  1) New theme option in preferences - Miscellaneous -> Themes. You can select the theme from the dropdown.
     It also has a preview of the theme just below the dropdown. Note that, a page refresh is needed to apply changes.
     On saving, a dialog appears to ask for refresh.
  2) You can create your own theme and submit to hackers. README is updated to help you create a theme. Theme will be
availableonly after the bundle. 
  3) Correction of SASS variables at few places and few other CSS corrections.
  4) Added iconfont-webpack-plugin, which will convert all the SVG files(monochrome) used as icons for buttons to font
icons.
     This will allow us to change the color of the icon by using CSS color property.
  5) All the .css files will bundle into a separate file now- pgadmin.style.css. This will help reduce the size of
     theme CSS files as CSS in .css files will not change with the change of SASS variables.

Branch
------
master

Details
-------
https://git.postgresql.org/gitweb?p=pgadmin4.git;a=commitdiff;h=8180403f976ee0d759631e7539205548dbdd2d6c
Author: Aditya Toshniwal <aditya.toshniwal@enterprisedb.com>

Modified Files
--------------
.gitignore                                         |   1 +
README                                             |  13 +
docs/en_US/images/preferences_misc_themes.png      | Bin 0 -> 103490 bytes
.../images/preferences_misc_user_language.png      | Bin 50432 -> 74731 bytes
docs/en_US/preferences.rst                         |   8 +
docs/en_US/release_notes_4_15.rst                  |   5 +-
web/config.py                                      |  21 ++
web/package.json                                   |   4 +
web/pgadmin/__init__.py                            |  20 +-
.../server_groups/servers/static/css/servers.css   |  11 +-
.../servers/static/scss/_servers.scss              |   9 +
web/pgadmin/browser/static/css/browser.css         |   5 +
web/pgadmin/browser/static/img/drop_cascade.svg    |  20 ++
web/pgadmin/browser/static/js/collection.js        |   2 +-
web/pgadmin/browser/static/js/toolbar.js           |   6 +-
web/pgadmin/browser/static/scss/_browser.scss      |   3 +-
web/pgadmin/dashboard/static/css/dashboard.css     |  17 --
web/pgadmin/dashboard/static/scss/_dashboard.scss  |  22 +-
web/pgadmin/misc/__init__.py                       |  36 ++-
.../misc/bgprocess/static/scss/_bgprocess.scss     |   2 +-
.../misc/file_manager/static/css/file_manager.css  |   6 -
.../file_manager/static/scss/_file_manager.scss    |  50 +---
web/pgadmin/misc/static/explain/js/explain.js      |   2 +-
web/pgadmin/misc/static/explain/scss/_explain.scss |  29 +-
web/pgadmin/preferences/static/js/preferences.js   |  31 ++-
web/pgadmin/static/img/drop_cascade.svg            |  28 --
web/pgadmin/static/img/load-node.gif               | Bin 1728 -> 0 bytes
web/pgadmin/static/img/loader-small.svg            |  18 ++
web/pgadmin/static/js/backform.pgadmin.js          |  13 +
web/pgadmin/static/js/sqleditor_utils.js           |  10 +-
web/pgadmin/static/scss/_aci_tree.overrides.scss   | 126 ++++++---
web/pgadmin/static/scss/_alert.scss                |   2 +-
web/pgadmin/static/scss/_alertify.overrides.scss   |   9 +
web/pgadmin/static/scss/_backgrid.overrides.scss   |  14 +-
web/pgadmin/static/scss/_bootstrap.overrides.scss  |  12 +-
web/pgadmin/static/scss/_codemirror.overrides.scss |  43 ++-
web/pgadmin/static/scss/_pgadmin.style.scss        |  61 ++--
web/pgadmin/static/scss/_select2.overrides.scss    |  29 +-
web/pgadmin/static/scss/_webcabin.pgadmin.scss     |  28 +-
web/pgadmin/static/scss/pgadmin.scss               |   3 -
.../static/scss/resources/_default.style.scss      |  18 +-
.../static/scss/resources/_default.variables.scss  | 195 +++++++------
.../static/scss/resources/_pgadmin.variables.scss  |   0
.../scss/resources/_theme.variables.scss.sample    |  74 +++++
web/pgadmin/static/scss/resources/_utils.scss      |   9 -
.../scss/resources/dark/_theme.variables.scss      |  73 +++++
.../static/scss/resources/dark/dark_preview.png    | Bin 0 -> 55602 bytes
.../static/scss/resources/pgadmin.resources.scss   |   2 -
.../static/scss/resources/standard_preview.png     | Bin 0 -> 33349 bytes
web/pgadmin/templates/base.html                    |   3 +-
.../tools/datagrid/templates/datagrid/index.html   | 104 +++----
.../tools/sqleditor/static/css/sqleditor.css       |  73 +----
web/pgadmin/tools/sqleditor/static/img/commit.svg  |  23 +-
web/pgadmin/tools/sqleditor/static/img/connect.svg |  24 +-
.../tools/sqleditor/static/img/disconnect.svg      |  25 +-
.../tools/sqleditor/static/img/rollback.svg        |  23 +-
.../sqleditor/static/img/save_data_changes.svg     |  36 ++-
.../tools/sqleditor/static/img/view_data.svg       |  35 ++-
.../tools/sqleditor/static/scss/_history.scss      |  14 +-
.../tools/sqleditor/static/scss/_sqleditor.scss    |  89 +++++-
web/webpack.config.js                              | 309 +++++++++++++++------
web/yarn.lock                                      | 295 +++++++++++++++++++-
62 files changed, 1543 insertions(+), 600 deletions(-)


pgadmin-hackers by date:

Previous
From: Aditya Toshniwal
Date:
Subject: Re: [pgAdmin][RM4348] Theme options in pgAdmin and dark theme
Next
From: Akshay Joshi
Date:
Subject: Re: [pgAdmin][RM4348] Theme options in pgAdmin and dark theme