Skip to content
An elegant and customizable skin for Steam
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
+Extras
Friends Finish Friends 🎉 Sep 11, 2018
Graphics Update air splash Nov 15, 2018
Public Final public! 🎉 Sep 11, 2018
Resource Merge pull request #217 from freeek3/develop Feb 9, 2019
Servers
Steam/cached Remove misplaced divider in game shortcuts (fixes #216) Mar 5, 2019
.gitattributes Updated .gitattributes to only normalize line endings on text files Apr 7, 2015
Changelog.url Added CC BY-NC 4.0 license Dec 30, 2015
Contributors.url Update heroes link Dec 6, 2014
FAQ.url Added CC BY-NC 4.0 license Dec 30, 2015
LICENSE.txt
README.md
Support Air on Patreon.url Fixed links Nov 20, 2014
config.ini Move nord style to user folder Feb 9, 2019

README.md

Air for Steam / An elegant and customizable skin for Steam

Air is a visual redesign of the Steam client that embraces Google's Material Design language to showcase consistent beauty through minimal design.

Preview Album

Installation, customization, tweaks (oh my!)

This handy-dandy FAQ should answer all of your burning questions. If you are the type who frequently has questions, we've frequently got answers!

Issues

When reporting an issue, please first read through the current topics to make sure that your issue hasn't already been reported.

Remember to include:

  • A brief description of the issue and steps to reproduce
  • A screenshot (pictures are worth a million words)
  • Are you opted in to the Steam Client beta?
  • Your operating system

Community

Stay up to date with Air on the Steam Community Group.

Contribute

If you're providing code to add to the project please adhere to these coding practices to make it easier on everyone to collaborate efficiently.

Spacing

Indent all code via tabs rather than spaces.

Ordering

When including styles for a control keep them in the following order. The mantra is: "width before height, clockwise in position starting left." X then Y, Left Top Right Bottom

// Styling
bgcolor
selectedbgcolor
selectedtextcolor
shadowtextcolor
textcolor

// Fonts
font-family
font-outerglow-color
font-outerglow-filtersize
font-outerglow-offset
font-size
font-style
font-weight

// Positioning
inset
inset-left
inset-top
inset-right
inset-bottom
minimum-width
minimum-height
padding-left
padding-top
padding-right
padding-bottom

// Content
image

Here is an example style:

TestStyle [!$OSX] {
	bgcolor=none
	selectedbgcolor=blue
	textcolor=red
	font-family=basefont
	font-size=15
	font-size=14 [$LINUX]
	font-weight=400
	image="graphics/test"
	inset="5 10 10 5" // Left, Top, Right, Bottom
	minimum-width=10

	render { }
	render_bg { }
}
You can’t perform that action at this time.