Initial commit for gallery screenshots.

README.md

@@ -172,7 +172,15 @@ Here is a sample theme, with the color descriptions annotated. Please note that
     // Default background color for QDockWidget and title.
     "dock:background": "#31363b",
     // Color for the float icon for QDockWidgets.
-    "dock:float": "#a2a2a2"
+    "dock:float": "#a2a2a2",
+    // Background color for the QMessageBox critical icon.
+    "critical": "#80404a",
+    // Background color for the QMessageBox information icon.
+    "information": "#406880",
+    // Background color for the QMessageBox question icon.
+    "question": "#634d80",
+    // Background color for the QMessageBox warning icon.
+    "warning": "#99995C"
 }
 ```
 
@@ -186,7 +194,7 @@ Then, you can use `custom.qrc`, along with the generated icons and stylesheets i
 
 **Generating Colors**
 
-As a reference point, see the pre-generated themes already in [theme](/theme). In general, to create a good theme, modify only the highlight colors (blues, greens, purples) to a new color, such that the saturation and lightness stay the same (only the hue changes). For example, the color `rgba(51, 164, 223, 0.5)` becomes `rgba(164, 51, 223, 0.5)`.
+As a reference point, see the pre-generated [themes](/theme). In general, to create a good theme, modify only the highlight colors (blues, greens, purples) to a new color, such that the saturation and lightness stay the same (only the hue changes). For example, the color `rgba(51, 164, 223, 0.5)` becomes `rgba(164, 51, 223, 0.5)`.
 
 # Limitations
 

assets/gallery.md

@@ -1,2 +1,99 @@
-# TODO(ahuszagh) Have screenshots of everything
-Also need to update the Breeze.gif with a newer version.
+# Dark Style Sheets
+
+## Breeze Dark
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Dark theme" 
+        src="/assets/breeze_dark_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeDarkLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Dark theme on Linux
+    </span>
+</span>
+
+## Breeze Dark Green
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Dark-Green theme" 
+        src="/assets/breeze_dark-green_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeDarkGreenLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Dark-Green theme on Linux
+    </span>
+</span>
+
+## Breeze Dark Purple
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Dark-Purple theme" 
+        src="/assets/breeze_dark-purple_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeDarkPurpleLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Dark-Purple theme on Linux
+    </span>
+</span>
+
+# Light Style Sheets
+
+## Breeze Light
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Light theme" 
+        src="/assets/breeze_light_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeLightLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Light theme on Linux
+    </span>
+</span>
+
+## Breeze Light Green
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Light-Green theme" 
+        src="/assets/breeze_light-green_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeLightGreenLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Light-Green theme on Linux
+    </span>
+</span>
+
+## Breeze Light Purple
+
+**Linux**
+
+<span class="img_container center" style="display: block;">
+    <img 
+        alt="Breeze Light-Purple theme" 
+        src="/assets/breeze_light-purple_linux.png" 
+        style="display:block; margin-left: auto; margin-right: auto;" 
+        title="BreezeLightPurpleLinux" 
+    />
+    <span class="img_caption" style="display: block; text-align: center;">
+        Image of the Breeze Light-Purple theme on Linux
+    </span>
+</span>