This is an automated email from the ASF dual-hosted git repository.

mcgilman pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git


The following commit(s) were added to refs/heads/main by this push:
     new 7bb6eebf2e [NIFI-13096] restore box-shadows for dark mode (#8699)
7bb6eebf2e is described below

commit 7bb6eebf2ef7555d33c01275616d40fed2cf2a52
Author: Scott Aslan <[email protected]>
AuthorDate: Thu Apr 25 08:51:33 2024 -0400

    [NIFI-13096] restore box-shadows for dark mode (#8699)
    
    This closes #8699
---
 .../flow-designer/ui/canvas/footer/_footer.component-theme.scss     | 2 +-
 .../navigation-control/_navigation-control.component-theme.scss     | 2 +-
 .../operation-control/_operation-control.component-theme.scss       | 2 +-
 .../app/ui/common/context-menu/_context-menu.component-theme.scss   | 2 +-
 .../nifi-web-frontend/src/main/nifi/src/assets/styles/_app.scss     | 6 +++---
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/footer/_footer.component-theme.scss
 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/footer/_footer.component-theme.scss
index 4a30c4cd3b..c72f59c466 100644
--- 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/footer/_footer.component-theme.scss
+++ 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/footer/_footer.component-theme.scss
@@ -31,7 +31,7 @@
     $on-surface-lighter: utils.get-on-surface($nifi-theme-color-config, 
lighter);
 
     .breadcrumb-container {
-        box-shadow: 0 1px 6px $on-surface-lighter;
+        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
         background-color: $nifi-theme-surface-palette-lighter;
         border-top: 1px solid $on-surface-lighter;
     }
diff --git 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/_navigation-control.component-theme.scss
 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/_navigation-control.component-theme.scss
index ab7a8f8e63..060c78ce7a 100644
--- 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/_navigation-control.component-theme.scss
+++ 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/_navigation-control.component-theme.scss
@@ -32,7 +32,7 @@
     $on-surface-lighter: utils.get-on-surface($nifi-theme-color-config, 
lighter);
 
     div.navigation-control {
-        box-shadow: 0 1px 6px $on-surface-lighter;
+        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
         background-color: $nifi-theme-surface-palette-lighter;
         border: 1px solid $on-surface-lighter;
 
diff --git 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/_operation-control.component-theme.scss
 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/_operation-control.component-theme.scss
index 6a22429bef..3d1cec3e54 100644
--- 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/_operation-control.component-theme.scss
+++ 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/_operation-control.component-theme.scss
@@ -32,7 +32,7 @@
     $on-surface-highlight: utils.get-on-surface($nifi-theme-color-config, 
highlight);
 
     div.operation-control {
-        box-shadow: 0 1px 6px $on-surface-lighter;
+        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
         background-color: $nifi-theme-surface-palette-lighter;
         border: 1px solid $on-surface-lighter;
 
diff --git 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/context-menu/_context-menu.component-theme.scss
 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/context-menu/_context-menu.component-theme.scss
index abcf3a556d..a144235fbc 100644
--- 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/context-menu/_context-menu.component-theme.scss
+++ 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/ui/common/context-menu/_context-menu.component-theme.scss
@@ -40,7 +40,7 @@
     div.context-menu {
         background-color: $nifi-theme-surface-palette-darker;
         border: 1px solid $material-theme-primary-palette-default;
-        box-shadow: 0 3px 6px $on-surface-lighter;
+        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
 
         .context-menu-item:hover {
             background-color: $on-surface-highlight;
diff --git 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/assets/styles/_app.scss
 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/assets/styles/_app.scss
index bebff291c2..b1cdb48537 100644
--- 
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/assets/styles/_app.scss
+++ 
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/assets/styles/_app.scss
@@ -337,7 +337,7 @@
     }
 
     .cdk-drag-preview {
-        box-shadow: 0 3px 6px $on-surface-lighter;
+        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
     }
 
     .has-errors,
@@ -349,13 +349,13 @@
     .tooltip {
         background-color: $nifi-theme-surface-palette-lighter;
         border-color: $on-surface-primary-default;
-        box-shadow: 0 2px 5px $on-surface-lighter;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
         color: $on-surface-primary-default;
     }
 
     .property-editor {
         background-color: $nifi-theme-surface-palette-darker;
-        box-shadow: 0 2px 5px $on-surface-lighter;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
     }
 
     ngx-skeleton-loader .skeleton-loader {

Reply via email to