Merge pull request #276 from Demetrio92/submenu_style_tweak

add a tweak to style sub-menus

core.sh

@@ -15,12 +15,12 @@ fi
 SASSC_OPT="-M -t expanded"
 
 THEME_NAME=Orchis
-THEME_VARIANTS=('' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey')
+THEME_VARIANTS=('' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey' '-Nord')
 COLOR_VARIANTS=('' '-Light' '-Dark')
 SIZE_VARIANTS=('' '-Compact')
 
 # Old name variants
-OLD_THEME_VARIANTS=('' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey')
+OLD_THEME_VARIANTS=('' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey' '-nord')
 OLD_COLOR_VARIANTS=('' '-light' '-dark')
 OLD_SIZE_VARIANTS=('' '-compact')
 
@@ -257,6 +257,10 @@ round_corner() {
   sed -i "/\$default_corner:/s/12px/${corner}/" ${SRC_DIR}/_sass/_tweaks-temp.scss
 }
 
+install_submenu() {
+  sed -i "/\$submenu_style:/s/false/true/" ${SRC_DIR}/gnome-shell/sass/_tweaks-temp.scss
+}
+
 install_theme_color() {
   if [[ "$theme" != '' ]]; then
     case "$theme" in
@@ -281,6 +285,9 @@ install_theme_color() {
       -Teal)
         theme_color='teal'
         ;;
+      -Nord)
+        theme_color='nord'
+        ;;
       -Grey)
         theme_color='grey'
         ;;
@@ -320,6 +327,11 @@ theme_tweaks() {
   if [[ "$macstyle" == "true" ]] ; then
     install_mac
   fi
+  
+  if [[ "$submenu" == "true" ]] ; then
+    install_submenu
+  fi
+  
 }
 
 check_shell() {

install.sh

@@ -11,7 +11,7 @@ OPTIONS:
   -d, --dest DIR          Specify destination directory (Default: $DEST_DIR)
   -n, --name NAME         Specify theme name (Default: $THEME_NAME)
 
-  -t, --theme VARIANT     Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|all] (Default: blue)
+  -t, --theme VARIANT     Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|nord|all] (Default: blue)
   -c, --color VARIANT     Specify color variant(s) [standard|light|dark] (Default: All variants)s)
   -s, --size VARIANT      Specify size variant [standard|compact] (Default: All variants)
 
@@ -28,6 +28,7 @@ OPTIONS:
                           3. black:    Full black variant
                           4. primary:  Change radio icon checked color to primary theme color (Default is Green)
                           5. macos:    Change window buttons to MacOS style
+                          6. submenu:  Theme sub-menus, by Default submenus contrast
 
   --shell                 install gnome-shell version [38|40|42]
                           1. 38:       Gnome-shell version < 40.0
@@ -127,6 +128,11 @@ while [[ "$#" -gt 0 ]]; do
             echo -e "Install MacOS style window button version ..."
             shift
             ;;
+          submenu)
+            submenu="true"
+            echo -e "Install with themed sub-menus ..."
+            shift
+            ;;
           -*)
             break
             ;;
@@ -179,6 +185,10 @@ while [[ "$#" -gt 0 ]]; do
             themes+=("${THEME_VARIANTS[8]}")
             shift
             ;;
+          nord)
+            themes+=("${THEME_VARIANTS[9]}")
+            shift
+            ;;
           all)
             themes+=("${THEME_VARIANTS[@]}")
             shift

release/make-release.sh

@@ -6,7 +6,7 @@ THEME_NAME=Orchis
 
 _COLOR_VARIANTS=('' '-Light' '-Dark')
 _COMPA_VARIANTS=('' '-Compact')
-_THEME_VARIANTS=('' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Grey' '-Teal')
+_THEME_VARIANTS=('' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Grey' '-Teal' '-Nord')
 
 if [ ! -z "${COMPA_VARIANTS:-}" ]; then
   IFS=', ' read -r -a _COMPA_VARIANTS <<< "${COMPA_VARIANTS:-}"

src/_sass/_colors.scss

@@ -3,6 +3,7 @@
 
 @import 'tweaks-temp';
 @import 'color-palette';
+@import 'nord-palette';
 
 @function gtkalpha($c, $a) {
   @return unquote("alpha(#{$c}, #{$a})");
@@ -55,6 +56,7 @@
     @if ($theme == 'yellow') { @return $yellow-700; }
     @if ($theme == 'green') { @return $green-500; }
     @if ($theme == 'teal') { @return $teal-500; }
+    @if ($theme == 'nord') { @return $nord1; }
     @if ($theme == 'grey') { @return $grey-700; }
   } @else {
     @if ($theme == 'default') { @return #3281EA; }
@@ -65,6 +67,7 @@
     @if ($theme == 'yellow') { @return $yellow-a700; }
     @if ($theme == 'green') { @return $green-400; }
     @if ($theme == 'teal') { @return $teal-300; }
+    @if ($theme == 'nord') { @return $nord7; }
     @if ($theme == 'grey') { @return $grey-600; }
   }
 }
@@ -75,6 +78,13 @@
   @if ($type == 'c') { @return #F2F2F2; }
   @if ($type == 'd') { @return #CCCCCC; }
 
+  @if ($theme == 'nord'){
+    @if ($type == 'e') { @return darken($nord2, 5%); }
+    @if ($type == 'f') { @return darken(mix(darken($nord0, 5%), $nord2, 35%), 5%); }
+    @if ($type == 'g') { @return darken($nord1, 5%); }
+    @if ($type == 'h') { @return darken($nord2, 10%); }
+  }
+
   @if ($blackness == 'false') {
     @if ($type == 'e') { @return #212121; }
     @if ($type == 'f') { @return #242424; }
@@ -94,6 +104,7 @@
 
 $primary:                               theme(color);
 $drop_target_color:                     #FF7043;
+$drop_target_color:                     if($theme == 'nord', $primary, $drop_target_color);
 
 $background:                            if($variant == 'light', background(c), background(e));
 $surface:                               if($variant == 'light', background(a), background(h));
@@ -108,7 +119,16 @@ $scrim-inverse:                         rgba(white, 0.1);
 $titlebar:                              if($topbar == 'dark', background(g), background(a));
 $titlebar-backdrop:                     if($topbar == 'dark', background(g), background(a));
 
+@if $theme == 'nord' {
+  $tooltip:                               darken(background(e), 5%);
+  $scrim:                                 darken(background(e), 5%);
+  $scrim-alt:                             darken(background(e), 25%);
+  $scrim-inverse:                         rgba($primary, 0.1);
+}
+
+
 $panel-solid:                           if($blackness == 'true', black, #1F1F1F); // for Unity panel which doesn't allow translucent colors
+$panel-solid:                           if($theme == 'nord', transparentize($nord0, 0), $panel-solid);
 $panel:                                 if($opacity == 'default', rgba($panel-solid, 0.65), $panel-solid);
 
 $button:                                if($blackness == 'true' and $variant == 'dark', on($background, secondary-fill), on($background, fill));
@@ -178,5 +198,11 @@ $titlebutton-close:                     #fd5f51;
 $titlebutton-max:                       #38c76a;
 $titlebutton-min:                       #fdbe04;
 
+@if $theme == 'nord' {
+  $titlebutton-close:                     $nord11;
+  $titlebutton-max:                       $nord7;
+  $titlebutton-min:                       $nord13;
+}
+
 // workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors
 $placeholder_text_color:                if($variant == 'light', mix(black, $base, percentage(0.6)), mix(white, $base, percentage(0.7)));

src/_sass/_nord-palette.scss

@@ -0,0 +1,235 @@
+// Copyright (c) 2016-present Arctic Ice Studio <development@arcticicestudio.com>
+// Copyright (c) 2016-present Sven Greb <code@svengreb.de>
+
+// Project:    Nord
+// Version:    0.2.0
+// Repository: https://github.com/arcticicestudio/nord
+// License:    MIT
+// References:
+//   http://sass-lang.com
+//   http://sassdoc.com
+
+////
+/// An arctic, north-bluish color palette.
+/// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
+/// highlighting and UI.  
+/// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
+/// ambiance.
+///
+/// @author Arctic Ice Studio <development@arcticicestudio.com>
+////
+
+/// Base component color of "Polar Night".
+///
+/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
+///
+/// @access public
+/// @example scss - SCSS
+///   /* For dark ambiance themes */
+///   .background {
+///     background-color: $nord0;
+///   }
+///   /* For light ambiance themes */
+///   .text {
+///     color: $nord0;
+///   }
+/// @group polarnight
+/// @since 0.1.0
+$nord0: #2e3440;
+
+/// Lighter shade color of the base component color.
+///
+/// Used as a lighter background color for UI elements like status bars.
+///
+/// @access public
+/// @group polarnight
+/// @see $nord0
+/// @since 0.1.0
+$nord1: #3b4252;
+
+/// Lighter shade color of the base component color.
+///
+/// Used as line highlighting in the editor.  
+/// In the UI scope it may be used as selection- and highlight color.
+///
+/// @access public
+/// @example scss - SCSS
+///   /* Code Syntax Highlighting scope */
+///   .editor {
+///     &.line {
+///       background-color: $nord2;
+///     }
+///   }
+///
+///   /* UI scope */
+///   button {
+///     &:selected {
+///       background-color: $nord2;
+///     }
+///   }
+/// @group polarnight
+/// @see $nord0
+/// @since 0.1.0
+$nord2: #434c5e;
+
+/// Lighter shade color of the base component color.
+///
+/// Used for comments, invisibles, indent- and wrap guide marker.  
+/// In the UI scope used as pseudoclass color for disabled elements.
+///
+/// @access public
+/// @example scss - SCSS
+///   /* Code Syntax Highlighting scope */
+///   .editor {
+///     &.indent-guide,
+///     &.wrap-guide {
+///       &.marker {
+///         color: $nord3;
+///       }
+///     }
+///   }
+///   .comment,
+///   .invisible {
+///     color: $nord3;
+///   }
+///
+///   /* UI scope */
+///   button {
+///     &:disabled {
+///       background-color: $nord3;
+///     }
+///   }
+/// @group polarnight
+/// @see $nord0
+/// @since 0.1.0
+$nord3: #4c566a;
+
+/// Base component color of "Snow Storm".
+///
+/// Main color for text, variables, constants and attributes.
+/// In the UI scope used as semi-light background depending on the theme shading design.
+///
+/// @access public
+/// @example scss - SCSS
+///   /* For light ambiance themes */
+///   .background {
+///     background-color: $nord4;
+///   }
+///   /* For dark ambiance themes */
+///   .text {
+///     color: $nord4;
+///   }
+/// @group snowstorm
+/// @since 0.1.0
+$nord4: #d8dee9;
+
+/// Lighter shade color of the base component color.
+///
+/// Used as a lighter background color for UI elements like status bars.  
+/// Used as semi-light background depending on the theme shading design.
+///
+/// @access public
+/// @group snowstorm
+/// @see $nord4
+/// @since 0.1.0
+$nord5: #e5e9f0;
+
+/// Lighter shade color of the base component color.
+///
+/// Used for punctuations, carets and structuring characters like curly- and square brackets.  
+/// In the UI scope used as background, selection- and highlight color depending on the theme shading design.
+///
+/// @access public
+/// @group snowstorm
+/// @see $nord4
+/// @since 0.1.0
+$nord6: #eceff4;
+
+/// Bluish core color.
+///
+/// Used for classes, types and documentation tags.
+///
+/// @access public
+/// @group frost
+/// @since 0.1.0
+$nord7:  #8fbcbb;
+
+/// Bluish core accent color.
+///
+/// Represents the accent color of the color palette.  
+/// Main color for primary UI elements and methods/functions.  
+///
+/// Can be used for
+///   - Markup quotes
+///   - Markup link URLs
+///
+/// @access public
+/// @group frost
+/// @since 0.1.0
+$nord8:  #88c0d0;
+
+/// Bluish core color.
+///
+/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
+/// punctuations like (semi)colons,commas and braces.
+///
+/// @access public
+/// @group frost
+/// @since 0.1.0
+$nord9:  #81a1c1;
+
+/// Bluish core color.
+///
+/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
+///
+/// @access public
+/// @group frost
+/// @since 0.1.0
+$nord10: #5e81ac;
+
+/// Colorful component color.
+///
+/// Used for errors, git/diff deletion and linter marker.
+///
+/// @access public
+/// @group aurora
+/// @since 0.1.0
+$nord11: #bf616a;
+
+/// Colorful component color.
+///
+/// Used for annotations.
+///
+/// @access public
+/// @group aurora
+/// @since 0.1.0
+$nord12: #d08770;
+
+/// Colorful component color.
+///
+/// Used for escape characters, regular expressions and markup entities.  
+/// In the UI scope used for warnings and git/diff renamings.
+///
+/// @access public
+/// @group aurora
+/// @since 0.1.0
+$nord13: #ebcb8b;
+
+/// Colorful component color.
+///
+/// Main color for strings and attribute values.  
+/// In the UI scope used for git/diff additions and success visualizations.
+///
+/// @access public
+/// @group aurora
+/// @since 0.1.0
+$nord14: #a3be8c;
+
+/// Colorful component color.
+///
+/// Used for numbers.
+///
+/// @access public
+/// @group aurora
+/// @since 0.1.0
+$nord15: #b48ead;

src/_sass/gtk/apps/_gnome-3.22.scss

@@ -74,6 +74,10 @@ $theme_list_radius: $window-radius - $space-size;
               > widget > box {
                 padding-right: 12px;
                 padding-left: 0;
+                @if ($theme == 'nord') {
+                  padding-left: 12px;
+                  border-radius: $circular_radius 0 0 $circular_radius;
+                }
               }
             }
 
@@ -108,14 +112,19 @@ $theme_list_radius: $window-radius - $space-size;
 
               > revealer.sidebar-revealer > widget > box {
                 background-color: $base;
-                border-image-width: 10px 10px 10px 46px;
-                border-image-slice: 10 10 10 46;
-                border-image-repeat: stretch;
-                border-image-source: -gtk-scaled(url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}.png"),
-                                                 url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}@2.png"));
+                @if ($theme != 'nord') {
+                  border-image-width: 10px 10px 10px 46px;
+                  border-image-slice: 10 10 10 46;
+                  border-image-repeat: stretch;
+                  border-image-source: -gtk-scaled(url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}.png"),
+                                                   url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}@2.png"));
+                }
 
                 label.sidebar-label {
                   padding-left: 14px;
+                  @if ($theme == 'nord') {
+                    padding-left: 4px;
+                  }
                 }
               }
 

src/_sass/gtk/apps/_gnome-4.0.scss

@@ -40,7 +40,9 @@
       > viewport {
         > list.navigation-sidebar {
           padding: 16px 0 16px 0;
-          background: none;
+          @if ($theme == 'nord') {
+            background: background(e);
+          }
           border-radius: $window-radius - $space-size;
 
           > separator { background: none; }
@@ -122,12 +124,15 @@
 
               > revealer > box {
                 color: $primary;
-                background-color: $base;
-                border-image-width: 10px 10px 10px 46px;
-                border-image-slice: 10 10 10 46;
-                border-image-repeat: stretch;
-                border-image-source: -gtk-scaled(url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}.png"),
-                                                 url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}@2.png"));
+                @if ($theme == 'nord') {
+                  background: background(g);
+                } @else{
+                  border-image-width: 10px 10px 10px 46px;
+                  border-image-slice: 10 10 10 46;
+                  border-image-repeat: stretch;
+                  border-image-source: -gtk-scaled(url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}.png"),
+                                                   url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}@2.png"));
+                }
               }
 
               label.sidebar-label {

src/cinnamon/make-assets.sh

@@ -1,6 +1,6 @@
 #! /usr/bin/env bash
 
-for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Nord' '-Grey'; do
     case "$theme" in
       '')
         theme_color_dark='#1a73e8'
@@ -34,6 +34,10 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
         theme_color_dark='#009688'
         theme_color_light='#4DB6AC'
         ;;
+      -Nord)
+        theme_color_dark='#8FBCBB'
+        theme_color_light='#2E3440'
+        ;;
       -Grey)
         theme_color_dark='#464646'
         theme_color_light='#DDDDDD'

src/cinnamon/render-thumbnail.sh

@@ -4,7 +4,7 @@ RENDER_SVG="$(command -v rendersvg)" || true
 INKSCAPE="$(command -v inkscape)" || true
 OPTIPNG="$(command -v optipng)" || true
 
-for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Nord' '-Grey'; do
     case "$theme" in
       '')
         theme_color_dark='#1A73E8'
@@ -38,6 +38,10 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
         theme_color_dark='#009688'
         theme_color_light='#4DB6AC'
         ;;
+      -Nord)
+        theme_color_dark='#8FBCBB'
+        theme_color_light='#2E3440'
+        ;;
       -Grey)
         theme_color_dark='#616161'
         theme_color_light='#DDDDDD'
@@ -53,7 +57,7 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
     fi
 done
 
-for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Nord' '-Grey'; do
   SRC_FILE="thumbnail${theme}.svg"
   for color in '' '-Dark'; do
     echo
@@ -66,7 +70,7 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
   done
 done
 
-for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Nord' '-Grey'; do
   if [[ ${theme} == '' ]]; then
     keep='true'
   else

src/cinnamon/theme-Nord/add-workspace-active-Dark.svg

@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.65"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" fill="#000000" fill-opacity=".45" filter="url(#filter4154)" opacity=".9"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" fill="#2E3440" />
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z"  fill="#ffffff"/>
+ </g>
+</svg>

src/cinnamon/theme-Nord/add-workspace-active.svg

@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.65"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" fill="#000000" fill-opacity=".45" filter="url(#filter4154)" opacity=".9"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" fill="#8FBCBB" />
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z"  fill="#ffffff"/>
+ </g>
+</svg>

src/cinnamon/theme-Nord/checkbox-Dark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#2E3440"/>
+</svg>

src/cinnamon/theme-Nord/checkbox.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#8fbcbb"/>
+</svg>

src/cinnamon/theme-Nord/corner-ripple-Dark.svg

@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#2E3440" opacity=".25"/>
+ </g>
+</svg>

src/cinnamon/theme-Nord/corner-ripple.svg

@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#8FBCBB" opacity=".25"/>
+ </g>
+</svg>

src/cinnamon/theme-Nord/radiobutton-Dark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#2E3440"/>
+</svg>

src/cinnamon/theme-Nord/radiobutton.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#8FBCBB"/>
+</svg>

src/cinnamon/theme-Nord/toggle-on-Dark.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="44"
+   height="26"
+   version="1.1"
+   viewBox="0 0 44 26"
+   id="svg176"
+   sodipodi:docname="toggle-on-Dark.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview178"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="8.34386"
+     inkscape:cx="8.7489483"
+     inkscape:cy="24.389192"
+     inkscape:window-width="1920"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg176">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3683" />
+  </sodipodi:namedview>
+  <defs
+     id="defs159">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter932"
+       x="-0.147"
+       y="-0.147"
+       width="1.294"
+       height="1.294">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.225"
+         id="feGaussianBlur934" />
+    </filter>
+  </defs>
+  <rect
+     x="3"
+     y="5"
+     width="32"
+     height="14"
+     rx="7"
+     ry="7"
+     id="rect7"
+     style="opacity:0.35;fill:#2E3440" />
+  <circle
+     cx="31"
+     cy="13"
+     r="10"
+     fill="#8FBCBB"
+     id="circle376"
+     style="opacity:0.25;fill:#000000;fill-opacity:1;stroke-width:1;filter:url(#filter932)" />
+  <circle
+     cx="31"
+     cy="12"
+     r="10"
+     id="circle14"
+     style="fill:#2E3440;fill-opacity:1;stroke-width:1" />
+</svg>

src/cinnamon/theme-Nord/toggle-on.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="44"
+   height="26"
+   version="1.1"
+   viewBox="0 0 44 26"
+   id="svg22"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview24"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="23.6"
+     inkscape:cx="41.822034"
+     inkscape:cy="8.8771186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22">
+    <inkscape:grid
+       type="xygrid"
+       id="grid327"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter932"
+       x="-0.147"
+       y="-0.147"
+       width="1.294"
+       height="1.294">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.225"
+         id="feGaussianBlur934" />
+    </filter>
+  </defs>
+  <rect
+     x="3"
+     y="5"
+     width="32"
+     height="14"
+     rx="7"
+     ry="7"
+     fill="#8FBCBB"
+     opacity="0.35"
+     id="rect7"
+     style="stroke-width:0.864099" />
+  <circle
+     cx="31"
+     cy="13"
+     r="10"
+     fill="#8FBCBB"
+     id="circle376"
+     style="opacity:0.25;fill:#000000;fill-opacity:1;stroke-width:1;filter:url(#filter932)" />
+  <circle
+     cx="31"
+     cy="12"
+     r="10"
+     fill="#8FBCBB"
+     id="circle14"
+     style="stroke-width:1" />
+</svg>

src/gnome-shell/make-assets.sh

@@ -1,6 +1,6 @@
 #! /usr/bin/env bash
 
-for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Nord' '-Grey'; do
     case "$theme" in
       '')
         theme_color_dark='#1a73e8'
@@ -34,6 +34,10 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-
         theme_color_dark='#009688'
         theme_color_light='#4DB6AC'
         ;;
+      -Nord)
+        theme_color_dark='#8FBCBB'
+        theme_color_light='#8FBCBB'
+        ;;
       -Grey)
         theme_color_dark='#616161'
         theme_color_light='#DDDDDD'

src/gnome-shell/sass/_colors.scss

@@ -3,6 +3,7 @@
 
 @import 'tweaks-temp';
 @import 'color-palette';
+@import '../../_sass/_nord-palette';
 
 @function fade($c) {
   @return mix($c, $grey_900, 50%);
@@ -18,6 +19,7 @@
     @if ($theme == 'yellow') { @return $yellow-700; }
     @if ($theme == 'green') { @return $green-500; }
     @if ($theme == 'teal') { @return $teal-500; }
+    @if ($theme == 'nord') { @return $nord1; }
     @if ($theme == 'grey') { @return $grey-700; }
   } @else {
     @if ($theme == 'default') { @return #3281EA; }
@@ -28,50 +30,66 @@
     @if ($theme == 'yellow') { @return $yellow-a700; }
     @if ($theme == 'green') { @return $green-400; }
     @if ($theme == 'teal') { @return $teal-300; }
+    @if ($theme == 'nord') { @return $nord7; }
     @if ($theme == 'grey') { @return $grey-600; }
   }
 }
 
+
+// configurable fg/bg colors
+$shl_dark: $black;
+$shl_light: $white;
+$fg_base_light: $shl_light;
+$bg_base_dark: #202020;
+
+@if ($theme == 'nord'){
+  $shl_dark: $nord0;
+  $shl_light: $nord7;
+  $fg_base_light: $nord4;
+  $bg_base_dark: $shl_dark;
+}
+
+
 // Foreground colors
-$dark_fg_color:   rgba($black, 0.87);
-$light_fg_color:  $white;
-$button_fg_color: if($variant == 'light', rgba($black, 0.62), rgba($white, 0.8)); // extra fg color for raised buttons
-
-$fg_color:                             if($variant == 'light', rgba($black, 0.87), rgba($white, 0.9));
-$secondary_fg_color:                   if($variant == 'light', rgba($black, 0.54), rgba($white, 0.7));
-$hint_fg_color:                        if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
-$disabled_fg_color:                    if($variant == 'light', rgba($black, 0.38), rgba($white, 0.5));
-$disabled_secondary_fg_color:          if($variant == 'light', rgba($black, 0.26), rgba($white, 0.3));
-$track_color:                          if($variant == 'light', rgba($black, 0.2), rgba($white, 0.16));
-$visit_color:                          if($variant == 'light', rgba($black, 0.16), rgba($white, 0.1));
-$divider_color:                        if($variant == 'light', rgba($black, 0.12), rgba($white, 0.08));
-$fill_color:                           if($variant == 'light', rgba($black, 0.06), rgba($white, 0.05));
-
-$titlebar_fg_color:                    if($panel == 'light', rgba($black, 0.87), $white);
-$titlebar_secondary_fg_color:          if($panel == 'light', rgba($black, 0.54), rgba($white, 0.7));
-$titlebar_hint_fg_color:               if($panel == 'light', rgba($black, 0.38), rgba($white, 0.5));
-$titlebar_disabled_fg_color:           if($panel == 'light', rgba($black, 0.38), rgba($white, 0.5));
-$titlebar_disabled_secondary_fg_color: if($panel == 'light', rgba($black, 0.26), rgba($white, 0.3));
-$titlebar_track_color:                 if($panel == 'light', rgba($black, 0.26), rgba($white, 0.1));
-$titlebar_divider_color:               if($panel == 'light', rgba($black, 0.12), rgba($white, 0.06));
-
-$inverse_fg_color:                     rgba($white, 0.85);
-$inverse_secondary_fg_color:           rgba($white, 0.7);
-$inverse_hint_fg_color:                rgba($white, 0.5);
-$inverse_disabled_fg_color:            rgba($white, 0.5);
-$inverse_disabled_secondary_fg_color:  rgba($white, 0.3);
-$inverse_track_color:                  rgba($white, 0.3);
-$inverse_divider_color:                rgba($white, 0.15);
+$dark_fg_color:   rgba($shl_dark, 0.87);
+$light_fg_color:  $shl_light;
+$button_fg_color: if($variant == 'light', rgba($shl_dark, 0.62), rgba($shl_light, 0.8)); // extra fg color for raised buttons
+
+$fg_color:                             if($variant == 'light', rgba($shl_dark, 0.87), rgba($fg_base_light, 0.9));
+$secondary_fg_color:                   if($variant == 'light', rgba($shl_dark, 0.54), rgba($fg_base_light, 0.7));
+$hint_fg_color:                        if($variant == 'light', rgba($shl_dark, 0.38), rgba($fg_base_light, 0.5));
+$disabled_fg_color:                    if($variant == 'light', rgba($shl_dark, 0.38), rgba($fg_base_light, 0.5));
+$disabled_secondary_fg_color:          if($variant == 'light', rgba($shl_dark, 0.26), rgba($fg_base_light, 0.3));
+$track_color:                          if($variant == 'light', rgba($shl_dark, 0.2), rgba($fg_base_light, 0.16));
+$visit_color:                          if($variant == 'light', rgba($shl_dark, 0.16), rgba($fg_base_light, 0.1));
+$divider_color:                        if($variant == 'light', rgba($shl_dark, 0.12), rgba($fg_base_light, 0.08));
+$fill_color:                           if($variant == 'light', rgba($shl_dark, 0.06), rgba($fg_base_light, 0.05));
+
+$titlebar_fg_color:                    if($panel == 'light', rgba($shl_dark, 0.87), $fg_base_light);
+$titlebar_secondary_fg_color:          if($panel == 'light', rgba($shl_dark, 0.54), rgba($fg_base_light, 0.7));
+$titlebar_hint_fg_color:               if($panel == 'light', rgba($shl_dark, 0.38), rgba($fg_base_light, 0.5));
+$titlebar_disabled_fg_color:           if($panel == 'light', rgba($shl_dark, 0.38), rgba($fg_base_light, 0.5));
+$titlebar_disabled_secondary_fg_color: if($panel == 'light', rgba($shl_dark, 0.26), rgba($fg_base_light, 0.3));
+$titlebar_track_color:                 if($panel == 'light', rgba($shl_dark, 0.26), rgba($fg_base_light, 0.1));
+$titlebar_divider_color:               if($panel == 'light', rgba($shl_dark, 0.12), rgba($fg_base_light, 0.06));
+
+$inverse_fg_color:                     rgba($fg_base_light, 0.85);
+$inverse_secondary_fg_color:           rgba($fg_base_light, 0.7);
+$inverse_hint_fg_color:                rgba($fg_base_light, 0.5);
+$inverse_disabled_fg_color:            rgba($fg_base_light, 0.5);
+$inverse_disabled_secondary_fg_color:  rgba($fg_base_light, 0.3);
+$inverse_track_color:                  rgba($fg_base_light, 0.3);
+$inverse_divider_color:                rgba($fg_base_light, 0.15);
 
 // Background colors
-$dark_color:            if($blackness == 'true' and $variant == 'dark', #000000, #202020);
-$base_color:            if($variant =='dark', $dark_color, #ffffff);
+$dark_color:            if($blackness == 'true' and $variant == 'dark', $black, $bg_base_dark);
+$base_color:            if($variant =='dark', $dark_color, $shl_light);
 $alt_base_color:        if($variant =='dark', lighten($base_color, 25%), darken($base_color, 25%));
 
 $dark_bg_color:         rgba($dark_color, 0.9);
 $alt_dark_bg_color:     rgba($dark_color, 0.75);
 $inverse_bg_color:      rgba($inverse_fg_color, 0.13);
-$button_bg_color:       if($variant == 'light', rgba(black, 0.08), rgba(white, 0.06));
+$button_bg_color:       if($variant == 'light', rgba($shl_dark, 0.08), rgba($shl_light, 0.06));
 $keyboard_bg_color:     if($variant == 'light', $grey_50, fade($grey_700)); // for gnome-shell keyboard
 $alt_keyboard_bg_color: if($variant == 'light', $grey_300, fade($grey_900)); // for gnome-shell keyboard
 
@@ -79,13 +97,22 @@ $alt_keyboard_bg_color: if($variant == 'light', $grey_300, fade($grey_900)); //
 $primary_color:         theme(color);
 $alt_primary_color:     darken($primary_color, 3%);
 $accent_color:          lighten($primary_color, 3%);
+@if ($theme == 'nord'){
+  $accent_color:          darken($primary_color, 3%);
+}
 
-$panel_bg:              if($blackness == 'true', #000000, #202020);
-$panel_bg_color:        if($opacity == 'default', rgba(black, 0.5), $panel_bg);
+$panel_bg:              if($blackness == 'true', $black, $bg_base_dark);
+$panel_bg_color:        if($opacity == 'default', rgba($shl_dark, 0.5), $panel_bg);
 $panel_fg_color:        if($panel == 'dark', #dedede, #dedede);
 $menu_bg_color:         if($opacity == 'default', rgba($base_color, 0.97), $base_color);
 $system_bg_color:       if($blackness == 'true' and $variant == 'dark', #121212, #222222);
 
+@if ($theme == 'nord'){
+  $panel_fg_color: $fg_base_light;
+  $system_bg_color: $dark_bg_color;
+}
+
+
 $link_color:            $primary_color;
 $visited_link_color:    if($variant == 'light', $purple-500, $purple-200);
 
@@ -101,6 +128,23 @@ $question_bg_color:     $blue-400;
 $warning_bg_color:      $orange-400;
 $error_bg_color:        $red-400;
 
-$border_color:          if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12));
-$highlight_color:       if($variant == 'light', rgba($white, 0.4),  rgba($white, 0.1));
-$alt_highlight_color:   rgba($white, 0.2);
+@if ($theme == 'nord'){
+  $warning_color:       darken($warning_color, 10%);
+  $error_bg_color:      darken($error_bg_color, 10%);
+  $warning_bg_color:    darken($warning_bg_color, 10%);
+  $question_bg_color:   darken($question_bg_color, 10%);
+  $info_bg_color:       darken($info_bg_color, 10%);
+  $destructive_color:   darken(rgba($destructive_color, 0.7), 1%);
+  $suggested_color:     darken($suggested_color, 10%);  // accent color
+  $success_color:       darken($success_color, 10%);
+  $error_color:         darken($error_color, 10%);
+}
+
+$border_color:          if($variant == 'light', rgba($shl_dark, 0.12), rgba($shl_light, 0.12));
+$highlight_color:       if($variant == 'light', rgba($shl_light, 0.4),  rgba($shl_light, 0.1));
+$alt_highlight_color:   rgba($shl_light, 0.2);
+
+// extra colors for submenu_style
+$selected_fg_color: $fg_color;
+$selected_bg_color: rgba($accent_color, 0.2);
+$bg_color: $base_color;

src/gnome-shell/sass/_tweaks.scss

@@ -20,3 +20,6 @@ $corner_style: 'default';
 } @else {
   $corner_style: 'square';
 }
+
+// Default sub-menu styling
+$submenu_style: 'false';

src/gnome-shell/sass/widgets/_popovers-42.scss

@@ -16,6 +16,7 @@
 .popup-menu {
   min-width: if($laptop == 'true', 10em, 12em);
   color: $fg_color;
+  background-color: if($submenu_style == 'true', $bg_color !important, none);
   border: none;
   padding: 0;
   margin: 0;
@@ -37,6 +38,7 @@
     spacing: $container_padding;
     padding: $container_padding $container_padding * 2;
     color: $fg_color !important;
+    background-color: if($submenu_style == 'true', $bg_color !important, none);
     transition-duration: $shorter_duration;
     border-radius: if($corner_style == 'circular', $circular_radius, $submenu_item_radius);
     background-image: none;
@@ -48,6 +50,10 @@
     &:checked {
       background-color: if($variant == 'light', rgba(black, 0.10), rgba(white, 0.95)) !important;
       color: rgba(black, 0.75) !important;
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: lighten($bg_color, 10%) !important;
+      }
       font-weight: normal;
       border-radius: $submenu_item_radius $submenu_item_radius 0 0;
       border: none;
@@ -56,24 +62,47 @@
       &:hover, &:focus, &.selected {
         background-color: if($variant == 'light', rgba(black, 0.2), #e5e5e5) !important;
         color: rgba(black, 0.85) !important;
+        @if ($submenu_style == 'true') {
+          color: $selected_fg_color !important;
+          background-color: darken($selected_bg_color, 10%) !important;
+        }
       }
 
       &:active {
         background-color: #dfdfdf !important;
         color: rgba(black, 0.75) !important;
+        @if ($submenu_style == 'true') {
+          color: $fg_color !important;
+          background-color: $bg_color !important;
+        }
+
       }
 
       &.selected:active {
         background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0) !important;
         color: rgba(black, 0.75) !important;
+        @if ($submenu_style == 'true') {
+          color: $selected_fg_color !important;
+          background-color: darken($selected_bg_color, 10%) !important;
+        }
       }
 
-      &:insensitive { color: rgba(black, 0.35) !important; }
+      &:insensitive { 
+        color: rgba(black, 0.35) !important;
+        @if ($submenu_style == 'true') {
+          color: $fg_color !important;
+          background-color: $bg_color !important;
+        }
+      }
     }
 
     &:hover, &:focus, &.selected {
       background-color: $divider_color !important;
       color: $fg_color !important;
+      @if ($submenu_style == 'true') {
+        color: $selected_fg_color !important;
+        background-color: darken($selected_bg_color, 10%) !important;
+      }
       transition-duration: 0ms;
     }
 
@@ -90,10 +119,15 @@
   // all icons and other graphical elements
   .popup-inactive-menu-item {
     color: $fg_color !important;
+    background-color: if($submenu_style == 'true', $bg_color !important, none);
 
     &.selected:active {
       background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0) !important;
       color: rgba(black, 0.75) !important;
+      @if ($submenu_style == 'true') {
+        color: $selected_fg_color !important;
+        background-color: $selected_bg_color !important;
+      }
     }
 
     &:insensitive { color: $hint_fg_color !important; }
@@ -108,6 +142,10 @@
     margin: 0;
     color: rgba(black, 0.75) !important;
     background-color: if($variant == 'light', rgba(black, 0.10), rgba(white, 0.95)) !important;
+    @if ($submenu_style == 'true') {
+      color: $fg_color !important;
+      background-color: lighten($bg_color, 10%) !important;
+    }
     border-radius: 0 0 $submenu_item_radius $submenu_item_radius;
     border: none;
     box-shadow: none;
@@ -117,21 +155,45 @@
       margin: 0;
       border-radius: $submenu_item_radius;
       color: rgba(black, 0.75) !important;
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: lighten($bg_color, 10%) !important;
+      }
       background-image: none;
 
       &:hover, &:focus, &.selected {
         color: rgba(black, 0.85) !important;
         background-color: rgba(black, 0.15) !important;
+        @if ($submenu_style == 'true') {
+          color: $selected_fg_color !important;
+          background-color: darken($selected_bg_color, 10%) !important;
+        }
       }
 
       &:active {
         color: rgba(black, 0.85) !important;
         background-color: rgba(black, 0.2) !important;
+        @if ($submenu_style == 'true') {
+          color: $fg_color !important;
+          background-color: $bg_color !important;
+        }
       }
 
-      &.selected:active { color: rgba(black, 0.75) !important; }
+      &.selected:active { 
+        color: rgba(black, 0.75) !important;
+        @if ($submenu_style == 'true') {
+          color: $fg_color !important;
+          background-color: $bg_color !important;
+        }
+      }
 
-      &:insensitive { color: rgba(black, 0.35) !important; }
+      &:insensitive { 
+        color: rgba(black, 0.35) !important;
+        @if ($submenu_style == 'true') {
+          color: $fg_color !important;
+          // background-color: $bg_color !important;  // if enabled this will screw over separator colors in submenus
+        }
+      }
     }
 
     @extend %scrollbar_on_light;
@@ -148,17 +210,18 @@
 
   // separator
   .popup-separator-menu-item {
-    background: none;
+    // menu separator color
+    background: if($submenu_style == 'true', $bg_color !important, none); 
     border: none;
 
     .popup-separator-menu-item-separator {
-      height: 1px; //not really the whole box
+      height: if($submenu_style == 'true', 2px, 1px); // increase visibility with a themed menu
       margin: $container_padding $container_padding * 8;
       background-color: $border_color;
 
       .popup-sub-menu & { //submenu separators
         margin: $container_padding $container_padding * 9 $container_padding $container_padding * 4;
-        background-color: rgba(black, 0.10);
+        background-color: rgba(black, 0.10);  // FIXME: this does not actually do anything, try `pink`
       }
     }
   }

src/gnome-shell/sass/widgets/_popovers.scss

@@ -1,5 +1,6 @@
 /* Popovers/Menus */
 
+
 //.the popover itself
 .popup-menu-boxpointer {
   -arrow-border-radius: $popup_radius;
@@ -39,6 +40,7 @@ $submenu_item_radius: $popup_radius - $container_padding;
   padding: $container_padding;
   margin: 0 $container_padding;
   color: $fg_color;
+  background-color: if($submenu_style == 'true', $bg_color !important, none);
   transition-duration: $shorter_duration;
   border-radius: if($corner_style == 'circular', $circular_radius, $submenu_item_radius);
   background-image: none;
@@ -49,6 +51,10 @@ $submenu_item_radius: $popup_radius - $container_padding;
   &:checked {
     background-color: if($variant == 'light', rgba(black, 0.15), #eaeaea);
     color: rgba(black, 0.75);
+    @if ($submenu_style == 'true') {
+      color: $fg_color !important;
+      background-color: lighten($bg_color, 10%) !important;
+    }
     font-weight: normal;
     border-radius: $submenu_item_radius $submenu_item_radius 0 0;
     border: none;
@@ -57,20 +63,45 @@ $submenu_item_radius: $popup_radius - $container_padding;
     &.selected {
       background-color: if($variant == 'light', rgba(black, 0.2), #e5e5e5);
       color: rgba(black, 0.85);
+      @if ($submenu_style == 'true') {
+        color: $selected_fg_color !important;
+        background-color: darken($selected_bg_color, 10%) !important;
+      }
     }
 
     &:active {
       background-color: #dfdfdf;
       color: rgba(black, 0.75);
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: $bg_color !important;
+      }
     }
 
-    &.selected:active { background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0); color: rgba(black, 0.75); }
-    &:insensitive { color: rgba(black, 0.35); }
+    &.selected:active { 
+      background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0); 
+      color: rgba(black, 0.75); 
+      @if ($submenu_style == 'true') {
+        color: $selected_fg_color !important;
+        background-color: darken($selected_bg_color, 10%) !important;
+      }
+    }
+    &:insensitive { 
+      color: rgba(black, 0.35); 
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: $bg_color !important;
+      }
+    }
   }
 
   &.selected {
     background-color: $divider_color;
     color: $fg_color;
+    @if ($submenu_style == 'true') {
+      color: $selected_fg_color !important;
+      background-color: darken($selected_bg_color, 10%) !important;
+    }
     transition-duration: 0ms;
   }
 
@@ -88,7 +119,14 @@ $submenu_item_radius: $popup_radius - $container_padding;
 .popup-inactive-menu-item {
   color: $fg_color;
 
-  &.selected:active { background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0); color: rgba(black, 0.75); }
+  &.selected:active { 
+    background-color: if($variant == 'light', rgba(black, 0.15), #e0e0e0); 
+    color: rgba(black, 0.75); 
+    @if ($submenu_style == 'true') {
+      color: $selected_fg_color !important;
+      background-color: $selected_bg_color !important;
+    }
+  }
   &:insensitive { color: $hint_fg_color; }
 }
 
@@ -101,6 +139,10 @@ $submenu_item_radius: $popup_radius - $container_padding;
   margin: 0 $container_padding;
   color: rgba(black, 0.75);
   background-color: if($variant == 'light', rgba(black, 0.10), rgba(white, 0.95));
+  @if ($submenu_style == 'true') {
+    color: $fg_color !important;
+    background-color: lighten($bg_color, 10%) !important;
+  }
   border-radius: 0 0 $submenu_item_radius $submenu_item_radius;
   border: none;
   box-shadow: none;
@@ -110,21 +152,45 @@ $submenu_item_radius: $popup_radius - $container_padding;
     margin: 0;
     border-radius: $submenu_item_radius;
     color: rgba(black, 0.75);
+    @if ($submenu_style == 'true') {
+      color: $fg_color !important;
+      background-color: lighten($bg_color, 10%) !important;
+    }
     background-image: none;
 
     &:hover {
       color: rgba(black, 0.85);
       background-color: rgba(black, 0.15);
+      @if ($submenu_style == 'true') {
+        color: $selected_fg_color !important;
+        background-color: darken($selected_bg_color, 10%) !important;
+      }
     }
 
     &:active {
       color: rgba(black, 0.85);
       background-color: rgba(black, 0.2);
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: $bg_color !important;
+      }
     }
 
-    &.selected:active { color: rgba(black, 0.75); }
+    &.selected:active { 
+      color: rgba(black, 0.75);
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        background-color: $bg_color !important;
+      }
+    }
 
-    &:insensitive { color: rgba(black, 0.35); }
+    &:insensitive { 
+      color: rgba(black, 0.35);
+      @if ($submenu_style == 'true') {
+        color: $fg_color !important;
+        // background-color: $bg_color !important;  // if enabled this will screw over separator colors in submenus
+      }
+    }
   }
 
   @extend %scrollbar_on_light;
@@ -140,19 +206,20 @@ $submenu_item_radius: $popup_radius - $container_padding;
 
 // separator
 .popup-separator-menu-item {
-  background: none;
+  // menu separator color
+  background: if($submenu_style == 'true', $bg_color !important, none); 
   border: none;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 
   .popup-separator-menu-item-separator {
-    height: 1px; //not really the whole box
+    height: if($submenu_style == 'true', 2px, 1px); // increase visibility with a themed menu
     margin: 0 0;
     background-color: $border_color;
 
     .popup-sub-menu & { //submenu separators
       margin: 0 32px 0 0;
-      background-color: rgba(black, 0.10);
+      background-color: rgba(black, 0.10);  // FIXME: this does not actually do anything, try `pink`
     }
   }
 }

src/gnome-shell/theme-Nord/checkbox-Dark.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#8FBCBB"/>
+</svg>

src/gnome-shell/theme-Nord/checkbox.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#8FBCBB"/>
+</svg>

src/gnome-shell/theme-Nord/more-results-Dark.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1036.4)">
+  <circle cx="8" cy="1044.4" r="8" fill="#8FBCBB"/>
+  <path transform="translate(0 1036.4)" d="m7 4v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z" fill="#ffffff"/>
+ </g>
+</svg>

src/gnome-shell/theme-Nord/more-results.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1036.4)">
+  <circle cx="8" cy="1044.4" r="8" fill="#8FBCBB"/>
+  <path transform="translate(0 1036.4)" d="m7 4v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z" fill="#ffffff"/>
+ </g>
+</svg>

src/gnome-shell/theme-Nord/toggle-on-Dark.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="44"
+   height="26"
+   version="1.1"
+   viewBox="0 0 44 26"
+   id="svg176"
+   sodipodi:docname="toggle-on-Dark.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview178"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="8.34386"
+     inkscape:cx="8.7489483"
+     inkscape:cy="24.389192"
+     inkscape:window-width="1920"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg176">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3683" />
+  </sodipodi:namedview>
+  <defs
+     id="defs159">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter932"
+       x="-0.147"
+       y="-0.147"
+       width="1.294"
+       height="1.294">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.225"
+         id="feGaussianBlur934" />
+    </filter>
+  </defs>
+  <rect
+     x="3"
+     y="5"
+     width="32"
+     height="14"
+     rx="7"
+     ry="7"
+     id="rect7"
+     style="opacity:0.35;fill:#8FBCBB" />
+  <circle
+     cx="31"
+     cy="13"
+     r="10"
+     fill="#8FBCBB"
+     id="circle376"
+     style="opacity:0.25;fill:#000000;fill-opacity:1;stroke-width:1;filter:url(#filter932)" />
+  <circle
+     cx="31"
+     cy="12"
+     r="10"
+     id="circle14"
+     style="fill:#8FBCBB;fill-opacity:1;stroke-width:1" />
+</svg>

src/gnome-shell/theme-Nord/toggle-on.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="44"
+   height="26"
+   version="1.1"
+   viewBox="0 0 44 26"
+   id="svg22"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview24"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="23.6"
+     inkscape:cx="41.822034"
+     inkscape:cy="8.8771186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22">
+    <inkscape:grid
+       type="xygrid"
+       id="grid327"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs5">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter932"
+       x="-0.147"
+       y="-0.147"
+       width="1.294"
+       height="1.294">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.225"
+         id="feGaussianBlur934" />
+    </filter>
+  </defs>
+  <rect
+     x="3"
+     y="5"
+     width="32"
+     height="14"
+     rx="7"
+     ry="7"
+     fill="#8FBCBB"
+     opacity="0.35"
+     id="rect7"
+     style="stroke-width:0.864099" />
+  <circle
+     cx="31"
+     cy="13"
+     r="10"
+     fill="#8FBCBB"
+     id="circle376"
+     style="opacity:0.25;fill:#000000;fill-opacity:1;stroke-width:1;filter:url(#filter932)" />
+  <circle
+     cx="31"
+     cy="12"
+     r="10"
+     fill="#8FBCBB"
+     id="circle14"
+     style="stroke-width:1" />
+</svg>