README.md

@@ -284,6 +284,21 @@ Extra Tweetdeck Support
  >   * Mixed and dark variants are supported.
  >   * Currently those files support "Colors" only, so enabling "Colors" checkbox is enough.
 
+Extra Air-for-Steam Support
+---------------------------
+ To try "Air for Steam" colors and themes, pass this option (dark-variant only):
+
+ ```
+ --enable-airforsteam      enable Air-for-Steam support (type: bool)
+ ```
+
+ You should veify that you've already installed Air-for-Steam skin to `~/.steam/skins` directory.
+ The installer installs 2 files into `Plata-Noir/airforsteam` directory if Air-for-Steam support is enabled:
+  * Copy `Resource/colors/plata-noir.styles` to `~/.steam/skins/Air-for-Steam-*/Resource/colors` or
+    `~/.steam/skins/Air-for-Steam-*/Resource/colors/user`.
+  * Copy `Resource/themes/_plata-noir.styles` to `~/.steam/skins/Air-for-Steam-*/Resource/themes`.
+ Edit `~/.steam/skins/Air-for-Steam-*/config.init` to activate those styles, then restart the Steam app.
+
 Work in Progress
 ----------------
 

configure.ac

 m4_define([plata_maj_ver], [0])
 m4_define([plata_mnr_ver], [7])
-m4_define([plata_mcr_ver], [5])
+m4_define([plata_mcr_ver], [6])
 m4_define([plata_version], [plata_maj_ver.plata_mnr_ver.plata_mcr_ver])
 m4_define([plata_git_url], [https://gitlab.com/tista500/plata-theme])
 
@@ -23,16 +23,17 @@ AM_INIT_AUTOMAKE([
 AC_PREFIX_DEFAULT(/usr/local)
 AM_SILENT_RULES([yes])
 
-PLATA_OPTION([PARALLEL],  [parallel],  [parallel-build],      [disable])
-PLATA_OPTION([GTK_NEXT],  [gtk_next],  [Gtk-4.0],             [disable])
-PLATA_OPTION([GNOME],     [gnome],     [Gnome-Shell],         [enable])
-PLATA_OPTION([CINNAMON],  [cinnamon],  [Cinnamon],            [enable])
-PLATA_OPTION([FLASHBACK], [flashback], [Flashback],           [enable])
-PLATA_OPTION([XFCE],      [xfce],      [XFce],                [enable])
-PLATA_OPTION([OPENBOX],   [openbox],   [Openbox],             [enable])
-PLATA_OPTION([PLANK],     [plank],     [Plank],               [disable])
-PLATA_OPTION([TELEGRAM],  [telegram],  [Telegram],            [disable])
-PLATA_OPTION([TWEETDECK], [tweetdeck], [Tweetdeck-Colordeck], [disable])
+PLATA_OPTION([PARALLEL],    [parallel],    [parallel-build],      [disable])
+PLATA_OPTION([GTK_NEXT],    [gtk_next],    [Gtk-4.0],             [disable])
+PLATA_OPTION([GNOME],       [gnome],       [Gnome-Shell],         [enable])
+PLATA_OPTION([CINNAMON],    [cinnamon],    [Cinnamon],            [enable])
+PLATA_OPTION([FLASHBACK],   [flashback],   [Flashback],           [enable])
+PLATA_OPTION([XFCE],        [xfce],        [XFce],                [enable])
+PLATA_OPTION([OPENBOX],     [openbox],     [Openbox],             [enable])
+PLATA_OPTION([PLANK],       [plank],       [Plank],               [disable])
+PLATA_OPTION([TELEGRAM],    [telegram],    [Telegram],            [disable])
+PLATA_OPTION([TWEETDECK],   [tweetdeck],   [Tweetdeck-Colordeck], [disable])
+PLATA_OPTION([AIRFORSTEAM], [airforsteam], [Air-for-Steam],       [disable])
 
 PKG_PROG_PKG_CONFIG
 AS_IF([test -z "$PKG_CONFIG"], [AC_MSG_ERROR(['pkg-config' not found.])])
@@ -139,6 +140,7 @@ AC_MSG_RESULT([
          Plank:                  $ENABLE_PLANK (default: no)
          Telegram:               $ENABLE_TELEGRAM (default: no)
          Tweetdeck-Colordeck:    $ENABLE_TWEETDECK (default: no)
+         Air-for-Steam:          $ENABLE_AIRFORSTEAM (default: no)
 
         =================================================================
                                    =>> run 'make' and 'sudo make install'

src/extra/Makefile.am

@@ -25,6 +25,10 @@ tweetdeckdir          = $(srcdir)/tweetdeck
 tweetdeck_lumine_file = $(tweetdeckdir)/light/ColorDeck-light.cdk
 tweetdeck_noir_file   = $(tweetdeckdir)/dark/ColorDeck-dark.cdk
 
+airdir              = $(srcdir)/airforsteam
+air_dark_color_file = $(airdir)/Resource/colors/plata-noir.styles
+air_dark_theme_file = $(airdir)/Resource/themes/_plata-noir.styles
+
 # ******************
 # * Generate files *
 # ******************
@@ -72,6 +76,13 @@ if ENABLE_TWEETDECK
 	cp -Rv $(tweetdeck_noir_file) $(noirdir)/tweetdeck
 endif
 
+if ENABLE_AIRFORSTEAM
+	$(MKDIR_P) $(noirdir)/airforsteam/Resource/colors
+	$(MKDIR_P) $(noirdir)/airforsteam/Resource/themes
+	cp -Rv $(air_dark_color_file) $(noirdir)/airforsteam/Resource/colors
+	cp -Rv $(air_dark_theme_file) $(noirdir)/airforsteam/Resource/themes
+endif
+
 	$(MKDIR_P) $(platadir)/gtksourceview
 	$(MKDIR_P) $(luminedir)/gtksourceview
 	$(MKDIR_P) $(noirdir)/gtksourceview
@@ -105,6 +116,10 @@ if ENABLE_TWEETDECK
 	test -e $(platadir)/tweetdeck && rm -rfv $(platadir)/tweetdeck
 endif
 
+if ENABLE_AIRFORSTEAM
+	test -e $(noirdir)/airforsteam && rm -rfv $(noirdir)/airforsteam
+endif
+
 	test -e $(noirdir)/gtksourceview && rm -rfv $(noirdir)/gtksourceview
 	test -e $(luminedir)/gtksourceview && rm -rfv $(luminedir)/gtksourceview
 	test -e $(platadir)/gtksourceview && rm -rfv $(platadir)/gtksourceview

src/extra/airforsteam/Resource/colors/plata-noir.styles

+"Resource/colors/user/plata-noir.styles" {
+  colors {
+    Focus=  "008 008 008 255" //#3F51B5
+    Focus2= "147 158 209 255" //#8796ED
+    Focus3= "063 081 181 255" //#3F51B5
+    Focus4= "063 081 181 138" //Focus3 transparent for details box
+
+    A2TextFocus=      "Focus2"
+    A2TextFocusHover= "Focus2"
+  }
+}

src/extra/airforsteam/Resource/themes/_plata-noir.styles

+plata-noir.styles {
+  colors {
+    A2Background   "029 029 029 255" //client bg
+    A2Ribbon       "017 017 017 255" //bg for section emphasis (ie. left side of settings dialog)
+    A2Divider      "012 012 012 255" //client dividers
+    A2Snackbar     "066 066 066 237" //bg for download notification
+    A2Notification "008 008 008 237" //bg for steam popup notifications
+    A2Bar          "A2Background"    //bg for greater section emphasis (ie. voice chat and trade notifications)
+    A2Menu         "A2Notification"  //menu bg
+    A2MenuDivider  "027 027 027 255" //menu dividers
+
+    A2ButtonHover        "245 245 245 033" //button bg on hover
+    A2ButtonActive       "245 245 245 064" //button bg on click
+    A2DetailsButton      "000 000 000 033" //details install/play button
+    A2DetailsButtonHover "000 000 000 064" //details install/play button hover
+
+    A2Scroll       "245 245 245 074" //scrollbar handle
+    A2ScrollHover  "245 245 245 120" //scrollbar handle on hover
+    A2ScrollGutter "017 017 017 138" //scrollbar gutter/backdrop
+
+    A2TextPrimary    "245 245 245 255" //white 87%, text
+    A2TextSecondary  "245 245 245 138" //white 54%, caption
+    A2TextLabel      "245 245 245 102" //white 40%, label
+    A2TextHint       "245 245 245 071" //white 28%, hint text, disabled items
+    A2TextBlack      "000 000 000 222" //black text
+    A2TextBlackHover "000 000 000 255" //hover
+    A2TextWhite      "255 255 255 222" //white text
+    A2TextWhiteHover "255 255 255 255" //hover
+
+    A2TextOnFocus          "245 245 245 222"  //text color on focus color (header)
+    A2TextOnFocusHover     "A2TextPrimary"    //hover
+    A2TextNotification     "A2TextPrimary"    //text color of a notification
+    A2TextNotificationSoft "A2TextOnFocus"    //softer text color on notification (also used for hover)
+    A2TextSelected         "A2TextWhiteHover" //selected text color (usually on focus2)
+
+    A2TextOverlay           "A2TextPrimary"   //overlay text color
+    A2TextOverlaySoft       "A2TextOnFocus"   //softer overlay text color (also used for hover)
+    A2TextOverlayLabel      "A2TextSecondary" //overlay label text color
+    A2TextOverlayLabelHover "A2TextPrimary"   //hover
+
+    A2FriendsOnline  "121 134 203 255" //friend online text
+    A2FriendsInGame  "076 175 080 255" //friend in-game text
+    A2FriendsOffline "A2TextHint"      //friend offline text
+
+    A2ChatFriend  "A2TextPrimary"   //chat window friend text
+    A2ChatSelf    "A2TextSecondary" //chat window self text
+    A2ChatHistory "A2TextLabel"     //chat window history text
+  }
+}

src/gtk/sass/common/_3rd-party.scss

@@ -2134,6 +2134,17 @@ window.background:not(.csd) > box.vertical {
           background-image: image($sel_bg);
           color: $sel_fg;
         }
+
+        &:hover combobox button.combo { // revert to standard highlighting
+          background-color: mix($fg, $base, percentage($a_trk_1));
+          &:hover { background-color: track($fg, $a_trk_1 * 1.5); }
+          &:active,
+          &:checked { background-color: track($fg, $a_trk_2); }
+          &:disabled {
+            background-color:
+              mix($fg, $base, percentage(($a_trk_1 * 2 / 3) * $a_fg_dis));
+          }
+        }
       }
     }
   }

src/gtk/sass/common/_common.scss

@@ -1874,7 +1874,11 @@ combobox {
       background-color: $base; // tone down
       &:hover,
       &:active,
-      &:checked { background-color: track($fg, $a_trk_2); }
+      &:checked { background-color: track($fg, $a_trk_1); }
+      &:disabled {
+        background-color:
+          mix($fg, $base, percentage(($a_trk_1 * 2 / 3) * $a_fg_dis));
+      }
     }
   }
 
@@ -4735,6 +4739,11 @@ row {
 
     // move root padding to its childs
     &.expander .row-header { padding: 2px rem($menuitem_padding); }
+
+    list.separators &:not(:first-child) {
+      // draw list separators
+      border-top: 1px solid $div_sld_fg;
+    }
   }
 }
 
@@ -4980,6 +4989,11 @@ messagedialog {
     buttonbox.dialog-action-area { margin: -6px; }
   }
 
+  @if $maj_ver == 4 {
+    // prevent labels running into action-area
+    box.dialog-vbox.vertical { border-spacing: 10px; }
+  }
+
   .titlebar {
     min-height: $titlebutton_small + 3px + 2px;
     border-style: none;

src/shell/sass/cinnamon/_common.scss

@@ -2017,7 +2017,7 @@ $large_item: 10px;
     }
   }
 
-  &-icon {
+  &-icon { // symbolic icons will use system-status-icon instead
     icon-size: $icon_size;
     color: $osd_fg;