libadwaita colour styling for GNOME Radio 16.0

Ole Aamot <[email protected]> Fri, 27 May 2022 11:46:22 +0200
Newsgroups gmane.comp.gnome.desktop
Message-ID <CAFtywu7rma1nYeZkbatMtHtsgQ0t2A4TqFWFOD23J3tAzL4dvA@mail.gmail.com>
--===============2259379946692247026==
Content-Type: multipart/alternative; boundary="000000000000ff30dc05dffb2fa5"

--000000000000ff30dc05dffb2fa5
Content-Type: text/plain; charset="UTF-8"

Hi,

I have not yet been able to implement libadwaita theme colour styling in
GNOME Internet Radio Locator (
https://gitlab.gnome.org/GNOME/gnome-internet-radio-locator/).

I have the following static colour codes in
https://gitlab.gnome.org/GNOME/gnome-internet-radio-locator/-/blob/master/src/gnome-internet-radio-locator-markers.c

	ClutterColor city_color = { 0x10, 0x10, 0x10, 0xbb };	ClutterColor
city_a_color = { 0x35, 0x84, 0xe4, 0xbb };	ClutterColor city_b_color =
{ 0xc0, 0x1c, 0x28, 0xbb };	ClutterColor city_c_color = { 0x26, 0xa2,
0x69, 0xbb };	ClutterColor city_d_color = { 0xcd, 0x93, 0x09, 0xbb
};	ClutterColor city_e_color = { 0xc0, 0x1c, 0x28, 0xbb
};	ClutterColor city_f_color = { 0x61, 0x35, 0x84, 0xbb
};	ClutterColor text_color = { 0xff, 0xff, 0xff, 0xff };

I would like to theme each city with 6 different colour from the libadwaita
palette.

How would I go on to implement this with libadwaita?

I see

  g_autoptr (AdwApplication) app = NULL;  app = adw_application_new
("org.example.Hello", G_APPLICATION_FLAGS_NONE);
in https://gitlab.gnome.org/GNOME/libadwaita/-/blob/main/examples/hello-world/hello.c

However, I don't immediately see how to implement with the selected
colour theme,

with choosing the colours from the libadwaita theme palette.

I hope to get this ready before GUADEC 2022 in my test project GNOME Radio 16:

See https://gitlab.gnome.org/ole/gnome-radio.git
and https://wiki.gnome.org/Apps/Radio

Best,

Ole Aamot

--000000000000ff30dc05dffb2fa5
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div>Hi,</div><div><br></div><div>I have not yet been able=
 to implement libadwaita theme colour styling in GNOME Internet Radio Locat=
or (<a href=3D"https://gitlab.gnome.org/GNOME/gnome-internet-radio-locator/=
">https://gitlab.gnome.org/GNOME/gnome-internet-radio-locator/</a>).</div><=
div><br></div><div>I have the following static colour codes in <a href=3D"h=
ttps://gitlab.gnome.org/GNOME/gnome-internet-radio-locator/-/blob/master/sr=
c/gnome-internet-radio-locator-markers.c">https://gitlab.gnome.org/GNOME/gn=
ome-internet-radio-locator/-/blob/master/src/gnome-internet-radio-locator-m=
arkers.c</a></div><div><pre class=3D"gmail-code gmail-highlight" lang=3D"c"=
><span class=3D"gmail-line" id=3D"gmail-LC113" lang=3D"c">	<span class=3D"g=
mail-n">ClutterColor</span> <span class=3D"gmail-n">city_color</span> <span=
 class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0x10</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x10</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x10</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC114" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_a_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0x35</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x84</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0xe4</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC115" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_b_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0xc0</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x1c</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x28</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC116" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_c_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0x26</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0xa2</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x69</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC117" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_d_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0xcd</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x93</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x09</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC118" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_e_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0xc0</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x1c</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x28</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC119" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">city_f_color</span> <spa=
n class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0x61</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0x35</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0x84</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xbb=
</span> <span class=3D"gmail-p">};</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC120" lang=3D"c">	<span class=3D"gm=
ail-n">ClutterColor</span> <span class=3D"gmail-n">text_color</span> <span =
class=3D"gmail-o">=3D</span> <span class=3D"gmail-p">{</span> <span class=
=3D"gmail-mh">0xff</span><span class=3D"gmail-p">,</span> <span class=3D"gm=
ail-mh">0xff</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh=
">0xff</span><span class=3D"gmail-p">,</span> <span class=3D"gmail-mh">0xff=
</span> <span class=3D"gmail-p">};</span></span>
</pre></div><div>I would like to theme each city with 6 different colour fr=
om the libadwaita palette.</div><div><br></div><div>How would I go on to im=
plement this with libadwaita?</div><div><br></div><div>I see<br></div><div>=
<pre class=3D"gmail-code gmail-highlight" lang=3D"c"><span class=3D"gmail-l=
ine" id=3D"gmail-LC19" lang=3D"c"><span class=3D"gmail-n">  g_autoptr</span=
> <span class=3D"gmail-p">(</span><span class=3D"gmail-n">AdwApplication</s=
pan><span class=3D"gmail-p">)</span> <span class=3D"gmail-n">app</span> <sp=
an class=3D"gmail-o">=3D</span> <span class=3D"gmail-nb">NULL</span><span c=
lass=3D"gmail-p">;</span></span>
<span class=3D"gmail-line" id=3D"gmail-LC21" lang=3D"c">  <span class=3D"gm=
ail-n">app</span> <span class=3D"gmail-o">=3D</span> <span class=3D"gmail-n=
">adw_application_new</span> <span class=3D"gmail-p">(</span><span class=3D=
"gmail-s">&quot;org.example.Hello&quot;</span><span class=3D"gmail-p">,</sp=
an> <span class=3D"gmail-n">G_APPLICATION_FLAGS_NONE</span><span class=3D"g=
mail-p">);</span></span>
<br><font face=3D"arial,sans-serif">in </font><a href=3D"https://gitlab.gno=
me.org/GNOME/libadwaita/-/blob/main/examples/hello-world/hello.c">https://g=
itlab.gnome.org/GNOME/libadwaita/-/blob/main/examples/hello-world/hello.c</=
a><br></pre><pre class=3D"gmail-code gmail-highlight" lang=3D"c"><font face=
=3D"arial,sans-serif">However, I don&#39;t immediately see how to implement=
 with the selected colour theme,<br></font></pre><pre class=3D"gmail-code g=
mail-highlight" lang=3D"c"><font face=3D"arial,sans-serif">with choosing th=
e colours from the libadwaita theme palette.<br></font></pre><pre class=3D"=
gmail-code gmail-highlight" lang=3D"c"><font face=3D"arial,sans-serif">I ho=
pe to get this ready before GUADEC 2022 in my test project GNOME Radio 16:<=
br></font></pre><pre class=3D"gmail-code gmail-highlight" lang=3D"c"><font =
face=3D"arial,sans-serif">See <a href=3D"https://gitlab.gnome.org/ole/gnome=
-radio.git">https://gitlab.gnome.org/ole/gnome-radio.git</a><br>and <a href=
=3D"https://wiki.gnome.org/Apps/Radio">https://wiki.gnome.org/Apps/Radio</a=
><br><br></font></pre><pre class=3D"gmail-code gmail-highlight" lang=3D"c">=
<font face=3D"arial,sans-serif">Best,<br></font></pre><pre class=3D"gmail-c=
ode gmail-highlight" lang=3D"c"><font face=3D"arial,sans-serif">Ole Aamot<b=
r></font></pre></div></div>

--000000000000ff30dc05dffb2fa5--

--===============2259379946692247026==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

_______________________________________________
desktop-devel-list mailing list
[email protected]
https://mail.gnome.org/mailman/listinfo/desktop-devel-list

--===============2259379946692247026==--