pgAdmin 4 commit: 1) Added support for custom theme creation and select

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

pgAdmin 4 commit: 1) Added support for custom theme creation and select

Akshay Joshi
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 available only 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 <[hidden email]>

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(-)