GNOME.org
 

[libadwaita/wip/exalm/screenshots: 2/2] doc: Add style class screenshots


commit ccbc544d90946e343c7267a941a8eb1f22a4f626
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Dec 17 02:14:38 2021 +0500

    doc: Add style class screenshots
    
    WIP

 doc/images/buttons-circular-dark.png           | Bin 0 -> 1125 bytes
 doc/images/buttons-circular.png                | Bin 0 -> 1112 bytes
 doc/images/buttons-destructive-action-dark.png | Bin 0 -> 1207 bytes
 doc/images/buttons-destructive-action.png      | Bin 0 -> 1207 bytes
 doc/images/buttons-flat-dark.png               | Bin 0 -> 709 bytes
 doc/images/buttons-flat.png                    | Bin 0 -> 743 bytes
 doc/images/buttons-opaque-dark.png             | Bin 0 -> 3012 bytes
 doc/images/buttons-opaque.png                  | Bin 0 -> 3073 bytes
 doc/images/buttons-pill-dark.png               | Bin 0 -> 1260 bytes
 doc/images/buttons-pill.png                    | Bin 0 -> 1238 bytes
 doc/images/buttons-raised-dark.png             | Bin 0 -> 928 bytes
 doc/images/buttons-raised.png                  | Bin 0 -> 952 bytes
 doc/images/buttons-suggested-action-dark.png   | Bin 0 -> 1461 bytes
 doc/images/buttons-suggested-action.png        | Bin 0 -> 1461 bytes
 doc/images/dim-label-dark.png                  | Bin 0 -> 481 bytes
 doc/images/dim-label.png                       | Bin 0 -> 432 bytes
 doc/images/linked-controls-dark.png            | Bin 0 -> 3483 bytes
 doc/images/linked-controls.png                 | Bin 0 -> 3555 bytes
 doc/libadwaita.toml.in                         |  18 ++++
 doc/style-classes.md                           |  47 +++++++++
 doc/tools/data/buttons-circular.ui             |  48 +++++++++
 doc/tools/data/buttons-destructive-action.ui   |  24 +++++
 doc/tools/data/buttons-flat.ui                 |  24 +++++
 doc/tools/data/buttons-opaque.ui               |  34 +++++++
 doc/tools/data/buttons-pill.ui                 |  11 ++
 doc/tools/data/buttons-raised.ui               |  24 +++++
 doc/tools/data/buttons-suggested-action.ui     |  24 +++++
 doc/tools/data/dim-label.ui                    |  11 ++
 doc/tools/data/linked-controls.ui              | 133 +++++++++++++++++++++++++
 doc/tools/screenshot.gresources.xml            |  10 ++
 doc/tools/style.css                            |   9 ++
 31 files changed, 417 insertions(+)
---
diff --git a/doc/images/buttons-circular-dark.png b/doc/images/buttons-circular-dark.png
new file mode 100644
index 00000000..905725fc
Binary files /dev/null and b/doc/images/buttons-circular-dark.png differ
diff --git a/doc/images/buttons-circular.png b/doc/images/buttons-circular.png
new file mode 100644
index 00000000..f47545d8
Binary files /dev/null and b/doc/images/buttons-circular.png differ
diff --git a/doc/images/buttons-destructive-action-dark.png b/doc/images/buttons-destructive-action-dark.png
new file mode 100644
index 00000000..ba3a9cae
Binary files /dev/null and b/doc/images/buttons-destructive-action-dark.png differ
diff --git a/doc/images/buttons-destructive-action.png b/doc/images/buttons-destructive-action.png
new file mode 100644
index 00000000..87b991cd
Binary files /dev/null and b/doc/images/buttons-destructive-action.png differ
diff --git a/doc/images/buttons-flat-dark.png b/doc/images/buttons-flat-dark.png
new file mode 100644
index 00000000..0e0f9afc
Binary files /dev/null and b/doc/images/buttons-flat-dark.png differ
diff --git a/doc/images/buttons-flat.png b/doc/images/buttons-flat.png
new file mode 100644
index 00000000..876933f1
Binary files /dev/null and b/doc/images/buttons-flat.png differ
diff --git a/doc/images/buttons-opaque-dark.png b/doc/images/buttons-opaque-dark.png
new file mode 100644
index 00000000..66d11a49
Binary files /dev/null and b/doc/images/buttons-opaque-dark.png differ
diff --git a/doc/images/buttons-opaque.png b/doc/images/buttons-opaque.png
new file mode 100644
index 00000000..112f9ff6
Binary files /dev/null and b/doc/images/buttons-opaque.png differ
diff --git a/doc/images/buttons-pill-dark.png b/doc/images/buttons-pill-dark.png
new file mode 100644
index 00000000..2b345591
Binary files /dev/null and b/doc/images/buttons-pill-dark.png differ
diff --git a/doc/images/buttons-pill.png b/doc/images/buttons-pill.png
new file mode 100644
index 00000000..a195f27c
Binary files /dev/null and b/doc/images/buttons-pill.png differ
diff --git a/doc/images/buttons-raised-dark.png b/doc/images/buttons-raised-dark.png
new file mode 100644
index 00000000..5fb65760
Binary files /dev/null and b/doc/images/buttons-raised-dark.png differ
diff --git a/doc/images/buttons-raised.png b/doc/images/buttons-raised.png
new file mode 100644
index 00000000..98556177
Binary files /dev/null and b/doc/images/buttons-raised.png differ
diff --git a/doc/images/buttons-suggested-action-dark.png b/doc/images/buttons-suggested-action-dark.png
new file mode 100644
index 00000000..8d869d89
Binary files /dev/null and b/doc/images/buttons-suggested-action-dark.png differ
diff --git a/doc/images/buttons-suggested-action.png b/doc/images/buttons-suggested-action.png
new file mode 100644
index 00000000..8d869d89
Binary files /dev/null and b/doc/images/buttons-suggested-action.png differ
diff --git a/doc/images/dim-label-dark.png b/doc/images/dim-label-dark.png
new file mode 100644
index 00000000..b41d6d39
Binary files /dev/null and b/doc/images/dim-label-dark.png differ
diff --git a/doc/images/dim-label.png b/doc/images/dim-label.png
new file mode 100644
index 00000000..042efade
Binary files /dev/null and b/doc/images/dim-label.png differ
diff --git a/doc/images/linked-controls-dark.png b/doc/images/linked-controls-dark.png
new file mode 100644
index 00000000..1b9e1b02
Binary files /dev/null and b/doc/images/linked-controls-dark.png differ
diff --git a/doc/images/linked-controls.png b/doc/images/linked-controls.png
new file mode 100644
index 00000000..b29ed1ec
Binary files /dev/null and b/doc/images/linked-controls.png differ
diff --git a/doc/libadwaita.toml.in b/doc/libadwaita.toml.in
index 1d40e69f..261307de 100644
--- a/doc/libadwaita.toml.in
+++ b/doc/libadwaita.toml.in
@@ -47,7 +47,25 @@ content_files = [
 ]
 content_images = [
   "images/avatar.png",
+  "images/buttons-circular.png",
+  "images/buttons-circular-dark.png",
+  "images/buttons-destructive-action.png",
+  "images/buttons-destructive-action-dark.png",
+  "images/buttons-flat.png",
+  "images/buttons-flat-dark.png",
+  "images/buttons-opaque.png",
+  "images/buttons-opaque-dark.png",
+  "images/buttons-pill.png",
+  "images/buttons-pill-dark.png",
+  "images/buttons-raised.png",
+  "images/buttons-raised-dark.png",
+  "images/buttons-suggested-action.png",
+  "images/buttons-suggested-action-dark.png",
+  "images/dim-label.png",
+  "images/dim-label-dark.png",
   "images/header-bar.png",
+  "images/linked-controls.png",
+  "images/linked-controls-dark.png",
   "images/list.png",
   "images/preferences-window.png",
   "images/view-switcher.png",
diff --git a/doc/style-classes.md b/doc/style-classes.md
index e00c3795..e913fa5b 100644
--- a/doc/style-classes.md
+++ b/doc/style-classes.md
@@ -13,6 +13,11 @@ appearance.
 
 ### Suggested Action
 
+<picture>
+  <source srcset="buttons-suggested-action-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-suggested-action.png" alt="buttons-suggested-action">
+</picture>
+
 The `.suggested-action` style class makes the button use accent colors. It can
 be used to denote important buttons, for example, the affirmative button in an
 action dialog.
@@ -23,6 +28,11 @@ Can also be used with [class@Gtk.MenuButton] or [class@Adw.SplitButton].
 
 ### Destructive Action
 
+<picture>
+  <source srcset="buttons-destructive-action-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-destructive-action.png" alt="buttons-destructive-action">
+</picture>
+
 The `.destructive-action` style class makes the button use destructive colors.
 It can be used to draw attention to the potentially damaging consequences of
 using a button. This style acts as a warning to the user.
@@ -33,6 +43,11 @@ Can also be used with [class@Gtk.MenuButton] or [class@Adw.SplitButton].
 
 ### Flat
 
+<picture>
+  <source srcset="buttons-flat-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-flat.png" alt="buttons-flat">
+</picture>
+
 The `.flat` style class makes the button use flat appearance, looking like a
 label or an icon until hovered.
 
@@ -47,6 +62,11 @@ Can be set via [property@Gtk.Button:has-frame] and
 
 ### Raised
 
+<picture>
+  <source srcset="buttons-raised-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-raised.png" alt="buttons-raised">
+</picture>
+
 The `.raised` style class makes the button use the regular appearance instead of
 the flat one.
 
@@ -58,6 +78,11 @@ Can also be used with [class@Gtk.MenuButton] or [class@Adw.SplitButton].
 
 ### Opaque
 
+<picture>
+  <source srcset="buttons-opaque-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-opaque.png" alt="buttons-opaque">
+</picture>
+
 The `.opaque` style class gives the button an opaque background. It's intended
 to be used together with custom styles that override `background-color` and
 `color`, to create buttons with an appearance similar to
@@ -86,6 +111,11 @@ Can also be used with [class@Gtk.MenuButton] or [class@Adw.SplitButton].
 
 ### Circular
 
+<picture>
+  <source srcset="buttons-circular-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-circular.png" alt="buttons-circular">
+</picture>
+
 The `.circular` style class makes the button round. It can be used with buttons
 containing icons or short labels (1-2 characters).
 
@@ -97,6 +127,11 @@ Can also be used with [class@Gtk.MenuButton].
 
 ### Pill
 
+<picture>
+  <source srcset="buttons-pill-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="buttons-pill.png" alt="buttons-pill">
+</picture>
+
 The `.pill` style class makes the button appear as a pill. It's often used for
 important standalone buttons, for example, inside a [class@Adw.StatusPage].
 
@@ -106,9 +141,16 @@ It can be used in combination with [`.suggested-action`](#suggested-action),
 
 ## Linked Controls
 
+<picture>
+  <source srcset="linked-controls-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="linked-controls.png" alt="linked-controls">
+</picture>
+
 The `.linked` style class can be applied to a [class Gtk Box] to make its
 children appear as a single group. The box must have no spacing.
 
+Linked boxes can be both horizontal and vertical.
+
 The following widgets can be linked:
 
 * [class@Gtk.AppChooserButton]
@@ -177,6 +219,11 @@ similar widgets](#toolbars) to separate groups of widgets from each other.
 
 ## Dim Labels
 
+<picture>
+  <source srcset="dim-label-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="dim-label.png" alt="dim-label">
+</picture>
+
 The `.dim-label` style class makes the widget it's applied to partially
 transparent.
 
diff --git a/doc/tools/data/buttons-circular.ui b/doc/tools/data/buttons-circular.ui
new file mode 100644
index 00000000..74f9426c
--- /dev/null
+++ b/doc/tools/data/buttons-circular.ui
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">list-add-symbolic</property>
+        <style>
+          <class name="circular"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">list-remove-symbolic</property>
+        <style>
+          <class name="circular"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="label">1</property>
+        <style>
+          <class name="circular"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="label">2</property>
+        <style>
+          <class name="circular"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="label">3</property>
+        <style>
+          <class name="circular"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-destructive-action.ui b/doc/tools/data/buttons-destructive-action.ui
new file mode 100644
index 00000000..ed2aa6f8
--- /dev/null
+++ b/doc/tools/data/buttons-destructive-action.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Delete</property>
+        <style>
+          <class name="destructive-action"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">user-trash-symbolic</property>
+        <style>
+          <class name="destructive-action"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-flat.ui b/doc/tools/data/buttons-flat.ui
new file mode 100644
index 00000000..cc0e2a09
--- /dev/null
+++ b/doc/tools/data/buttons-flat.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Button</property>
+        <style>
+          <class name="flat"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">view-more-symbolic</property>
+        <style>
+          <class name="flat"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-opaque.ui b/doc/tools/data/buttons-opaque.ui
new file mode 100644
index 00000000..e0595968
--- /dev/null
+++ b/doc/tools/data/buttons-opaque.ui
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Button</property>
+        <style>
+          <class name="opaque"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Button</property>
+        <property name="name">opaque-button-1</property>
+        <style>
+          <class name="opaque"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Button</property>
+        <property name="name">opaque-button-2</property>
+        <style>
+          <class name="opaque"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-pill.ui b/doc/tools/data/buttons-pill.ui
new file mode 100644
index 00000000..6c03be9c
--- /dev/null
+++ b/doc/tools/data/buttons-pill.ui
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkButton" id="widget">
+    <property name="label">Pill Button</property>
+    <style>
+      <class name="pill"/>
+    </style>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-raised.ui b/doc/tools/data/buttons-raised.ui
new file mode 100644
index 00000000..3c0a0a3c
--- /dev/null
+++ b/doc/tools/data/buttons-raised.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Button</property>
+        <style>
+          <class name="raised"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">view-more-symbolic</property>
+        <style>
+          <class name="raised"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/buttons-suggested-action.ui b/doc/tools/data/buttons-suggested-action.ui
new file mode 100644
index 00000000..9891d33d
--- /dev/null
+++ b/doc/tools/data/buttons-suggested-action.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkBox" id="widget">
+    <property name="spacing">6</property>
+    <child>
+      <object class="GtkButton">
+        <property name="label">Select</property>
+        <style>
+          <class name="suggested-action"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkButton">
+        <property name="icon-name">media-playback-start-symbolic</property>
+        <style>
+          <class name="suggested-action"/>
+        </style>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/data/dim-label.ui b/doc/tools/data/dim-label.ui
new file mode 100644
index 00000000..c0e7790a
--- /dev/null
+++ b/doc/tools/data/dim-label.ui
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkLabel" id="widget">
+    <property name="label">Label</property>
+    <style>
+      <class name="dim-label"/>
+    </style>
+  </object>
+</interface>
diff --git a/doc/tools/data/linked-controls.ui b/doc/tools/data/linked-controls.ui
new file mode 100644
index 00000000..c9e29c00
--- /dev/null
+++ b/doc/tools/data/linked-controls.ui
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkGrid" id="widget">
+    <property name="column-spacing">6</property>
+    <property name="row-spacing">6</property>
+    <child>
+      <object class="GtkBox">
+        <style>
+          <class name="linked"/>
+        </style>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-cut-symbolic</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-copy-symbolic</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-paste-symbolic</property>
+          </object>
+        </child>
+        <layout>
+          <property name="column">0</property>
+          <property name="row">0</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="GtkBox">
+        <property name="hexpand">True</property>
+        <property name="homogeneous">True</property>
+        <style>
+          <class name="linked"/>
+        </style>
+        <child>
+          <object class="GtkButton">
+            <property name="label">Button</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="label">Button</property>
+          </object>
+        </child>
+        <layout>
+          <property name="column">1</property>
+          <property name="row">0</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="GtkBox">
+        <style>
+          <class name="linked"/>
+        </style>
+        <child>
+          <object class="GtkEntry">
+            <property name="placeholder-text">Entry</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkEntry">
+            <property name="placeholder-text">Entry</property>
+          </object>
+        </child>
+        <layout>
+          <property name="column">0</property>
+          <property name="row">1</property>
+          <property name="column-span">2</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="GtkBox">
+        <style>
+          <class name="linked"/>
+        </style>
+        <child>
+          <object class="GtkEntry">
+            <property name="placeholder-text">Entry</property>
+            <property name="hexpand">True</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">view-more-symbolic</property>
+          </object>
+        </child>
+        <layout>
+          <property name="column">0</property>
+          <property name="row">2</property>
+          <property name="column-span">2</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="GtkBox">
+        <property name="orientation">vertical</property>
+        <property name="vexpand">True</property>
+        <property name="homogeneous">True</property>
+        <style>
+          <class name="linked"/>
+        </style>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-cut-symbolic</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-copy-symbolic</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton">
+            <property name="icon-name">edit-paste-symbolic</property>
+          </object>
+        </child>
+        <layout>
+          <property name="column">2</property>
+          <property name="row">0</property>
+          <property name="row-span">3</property>
+        </layout>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/doc/tools/screenshot.gresources.xml b/doc/tools/screenshot.gresources.xml
index 2df7b63a..75c8d23a 100644
--- a/doc/tools/screenshot.gresources.xml
+++ b/doc/tools/screenshot.gresources.xml
@@ -1,6 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
   <gresource prefix="/org/gnome/Adwaita/Screenshot">
+    <file preprocess="xml-stripblanks">data/buttons-circular.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-destructive-action.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-flat.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-opaque.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-pill.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-raised.ui</file>
+    <file preprocess="xml-stripblanks">data/buttons-suggested-action.ui</file>
+    <file preprocess="xml-stripblanks">data/dim-label.ui</file>
+    <file preprocess="xml-stripblanks">data/linked-controls.ui</file>
+
     <file compressed="true">style.css</file>
   </gresource>
 </gresources>
diff --git a/doc/tools/style.css b/doc/tools/style.css
index e69de29b..5ac2816c 100644
--- a/doc/tools/style.css
+++ b/doc/tools/style.css
@@ -0,0 +1,9 @@
+#opaque-button-1 {
+  color: @success_fg_color;
+  background-color: @success_bg_color;
+}
+
+#opaque-button- {
+  color: @warning_fg_color;
+  background-color: @warning_bg_color;
+}
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]