cassidyjames

<touchégg>
  <settings>
    <property name="animation_delay">150</property>
    <property name="action_execute_threshold">20</property>
    <property name="color">909090</property>
    <property name="borderColor">FFFFFF</property>
  </settings>
  <application name="All">
    <gesture type="SWIPE" fingers="3" direction="LEFT">
      <action type="CHANGE_DESKTOP">

cassidyjames

.foo {
    background-image: linear-gradient(
        to bottom,
        @BLUEBERRY_500,
        @BLUEBERRY_700
    );
    border-color: @BLUEBERRY_100;
    color: white;
    text-shadow: 0 1px alpha(@BLUEBERRY_900, 0.67);
}

cassidyjames

.foo {
    background: #552255;
    color: white;
}

cassidyjames

<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/com/github/yourusername/yourrepositoryname">
    <file alias="Application.css">Application.css</file>
  </gresource>
</gresources>

cassidyjames

var provider = new Gtk.CssProvider ();
provider.load_from_resource ("/com/github/yourusername/yourrepositoryname/Application.css");

Gtk.StyleContext.add_provider_for_screen (
    Gdk.Screen.get_default (),
    provider,
    Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
);

cassidyjames

private const string CSS = """
    .foo {
        background: %s;
        color: %s;
    }
""";

construct {
    var button = new Gtk.Button.with_label ("Button");
    button.get_style_context ().add_class ("foo");

cassidyjames

_/\__________
|           |
|  Popover  |
|___________|

[ Button ]

Off switch: (o--)
 On switch: (--o)