(old)Puppy Linux Discussion Forum

Posted: **Mon 23 Jan 2012, 19:22**

I have put together two scripts , one for gtkdialog3 and
the other for the newer gtkdialog4 to show how easy it is
to put some color in message windows.

Code: Select all

#!/bin/sh


export VERSION=3.1


export MAIN_DIALOG='<window title="Examples" icon-name="gtk-info" resizable="false">

<hbox>
   

<frame>
   <vbox>
   <text width-request="100"><label>First Frame</label></text>
      <text use-markup="true"><label>"<b><u><span size='"'large'"'>Pup</span><span size='"'large'"' color='"'blue'"'>Shutdown</span> 1.6</u></b>"</label></text>
  <text use-markup="true"><label>"<b><span size='"'large'"'  color='"'blue'"'>Pup</span><span size='"'large'"' color='"'red'"'>Shutdown</span> '$VERSION'</b>"</label></text>
  <text use-markup="true"><label>"<b><span size='"'large'"' color='"'red'"'>Shutdown</span>   '$VERSION'</b>    text"</label></text>
  <text use-markup="true"><label>"<u><span size='"'large'"' color='"'red'"'>Shutdown</span></u>"</label></text>

   
   </vbox>
</frame>
    <frame>
   <vbox>
   <text width-request="50"><label>Second Frame</label></text>
      <text use-markup="true"><label>"<b><span size='"'large'"'>Pup</span><span size='"'large'"' color='"'blue'"'>Shutdown</span> 1.6</b>"</label></text>
  <text use-markup="true"><label>"<b><span size='"'large'"'  color='"'blue'"'>Pup</span><span size='"'large'"' color='"'red'"'>Shutdown</span> '$VERSION'</b>"</label></text>
  <text use-markup="true"><label>"<b><span size='"'large'"' color='"'red'"'>Shutdown</span>   '$VERSION'</b>    text"</label></text>

 <hbox>
  <text space-expand="false"  use-markup="true"><label>"<u><span size='"'large'"' color='"'red'"'>Shutdown</span></u>"</label></text>   
  <text space-expand="true" space-fill="true">
            <label>""</label> 
  </text> 
 </hbox>

<hbox>
       <button help></button> 
         
</hbox>
  
   </vbox>
</frame>
    
<vbox>
  
     <hbox>
   <vbox>
   <text height-request="110"><label> </label></text>
    <hbox><button ok></button>
    </hbox>
    
     
   </vbox>

   </hbox>
 
   </vbox>   
</hbox>

</window>
'

gtkdialog --program=MAIN_DIALOG

Some notes:
Both bold and underlining is possible simultaneously

Code: Select all

[b][u]....text.....[/u][/b]

Note the method I used to place 'Shutdown' to left of hbox

A color can be a hex number instead.
You can use mtpaint to get the hex number.
The dropper can be used anywhere on
your computer screen to find the appropriate color.

____________________________________________________

Posted: **Mon 23 Jan 2012, 19:59**

Somewhere in the gtkdialog tips thread is an example I posted that shows all named colors from rgb.txt. (red, blue, black ...) Those are supported too, also included a tool to auto-generate a 1x1 xpm that easily can be scaled.

Posted: **Mon 23 Jan 2012, 20:11**

When you have the time could you track down the pages.??

_____________________________________________________

Posted: **Mon 23 Jan 2012, 20:38**

Dear guys,

I did a markup editor once and it is here: http://murga-linux.com/puppy/viewtopic. ... h&id=30359. I also have a simpler markup editor somewhere else on the forum.

With kind regards,
vovchik

Posted: **Thu 02 Aug 2012, 13:17**

don570 wrote:When you have the time could you track down the pages.??

color thing is here-
http://www.murga-linux.com/puppy/viewto ... 741#559741

rgb file on pup5 is at
/usr/share/X11/rgb.txt

any examples of scripts using this?

Posted: **Thu 02 Aug 2012, 22:32**

puppy backup ---> I put in colored word in front window
bacon recorder --> I put in a info message in color

Radky's apps are the best when it comes to color
see pupshutdown
http://www.murga-linux.com/puppy/viewtopic.php?t=56077
______________________________________________

.

Posted: **Sun 05 Aug 2012, 19:34**

Thanks, this method seems a bit 'clunky' - and I keep messing up the syntax.

I want to make different colored buttons, perhaps a different method using sprites would be easier?

Posted: **Tue 07 Aug 2012, 21:08**

Zigbert is experimenting with SVG
in pfind using a technique he learned from Technosaurus
but it's a little too difficult for me to understand

.
http://murga-linux.com/puppy/viewtopic.php?t=76431

In bacon recorder I have an animated gif icon that can be clicked on
to launch an app. I made it with mtpaint.

So if you're looking for a fancy button that's the way to go.
___________________________________________

Posted: **Tue 07 Aug 2012, 22:22**

sweet, svg files can be used as input ; -) eg

Code: Select all

      <button relief="2"   tooltip-text="pup">
        <input file>'/usr/share/images/sm.svg'</input>
        <action>echo monkey</action>
      </button>

thanks

Posted: **Tue 07 Aug 2012, 22:33**

I think Technosaurus method can control the
individual elements of the image such as straight lines,
arcs, circles etc. Zigbert can then define
things like color opacity size. I wish I knew more

_________________________________________________

Posted: **Wed 08 Aug 2012, 02:43**

Svg is very similar to html, only for images. I usually just Google svg + whatever and if it is possible, something will come up on stackoverflow, or even a full tutorial. I posted a bunch of svg line drawings in the simple icon tray thread that could be used and tweaked in inkscapelite (i usually manually adjust inkscape's code for size/readability ... SVG is supposed to be human readable)

Posted: **Wed 08 Aug 2012, 14:49**

great stuff, gtkdialogue seems to need over complex syntax, but I will fight on ; -)

Posted: **Wed 15 Oct 2014, 00:08**

It is possible to change colors according to darkness of theme.
For example here I have modified parchive 1.0 by Radky

For a dark theme I changed the color automatically from blue to orange.
ie 3272C0 to FFD900

At the beginning of script I define the color ---> variable COLOUR.
I check for some common dark theme names and change the color to orange
if a dark theme name is found.

Code: Select all

export COLOUR=3272C0
#  check for dark gtk themes and change  COLOUR
if [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_mouse"`" ]; then
 COLOUR=FFD900 
elif [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_touch"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Azenis"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "TerraNova-Aquarius"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "terminus"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Murrina-Black"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "DarkRoomCompact"`" ]; then
 COLOUR=FFD900
 elif [ "`cat /root/.gtkrc-2.0 | grep  "PenOSmaster"`" ]; then
 COLOUR=FFD900
 fi

Note that a check has been made of the invisible file /root/.gtkrc-2.0
which records the theme name...

Code: Select all

# -- THEME AUTO-WRITTEN DO NOT EDIT
include "/usr/share/themes/Stardust_dark_mouse/gtk-2.0/gtkrc"

include "/root/.gtkrc.mine"

# -- THEME AUTO-WRITTEN DO NOT EDIT
gtk-theme-name="Stardust_dark_mouse"

Then when the window is formed on the computer screen the substitution
is made...

Code: Select all

<text use-markup=\"true\"><label>\"<b><span size='"'x-large'"'>p</span><span size='"'x-large'"' color='"'#'$COLOUR''"'>Archive</span></b>\"</label></text>

Posted: **Wed 15 Oct 2014, 06:12**

It is possible to change colors according to darkness of theme.
For example here I have modified parchive 1.0 by Radky

Thumbs up!

To generalize the coding, I grab the active colors from /usr/lib/gtkdialog/svg_bar.

Sigmund

Posted: **Wed 15 Oct 2014, 16:36**

removed

Posted: **Wed 15 Oct 2014, 23:30**

Good info from Zigbert and radky!!

I continued to work on this and here's an example to show how parchive
is modified.

Code: Select all

#!/bin/sh
export COLOUR=3272C0
#  check for dark gtk themes and change  COLOUR
if [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_mouse"`" ]; then
 COLOUR=FFD900 
elif [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_touch"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Azenis"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "TerraNova-Aquarius"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "terminus"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Murrina-Black"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "DarkRoomCompact"`" ]; then
 COLOUR=FFD900
 elif [ "`cat /root/.gtkrc-2.0 | grep  "PenOSmaster"`" ]; then
 COLOUR=FFD900
 fi
 
 export MAIN_DIALOG="
<window title=\"Example\"  window-position=\"1\">
 <vbox>
 <text use-markup=\"true\"><label>\"<b><span size='"'x-large'"'>p</span><span size='"'x-large'"' color='"'#'$COLOUR''"'>Archive</span></b>\"</label></text>
</vbox>
</window>" 
 
 gtkdialog -p MAIN_DIALOG

Posted: **Wed 15 Oct 2014, 23:33**

Don't forget that many text fields can use Pango markup (colors, bold, italic, ...)

Posted: **Wed 15 Oct 2014, 23:44**

Radky uses weak quoting for defining the gtkdialog variable.

Most people prefer strong quoting so here is example to show the
COLOUR variable used in a typical situation.
Note that in the window that is formed the black text is automatically
switched to white. The text 'Archive' is under the control of the variable 'COLOUR' .
Note difference in how protection by quoting is done.

Images show the difference in the look of a window when a dark
theme is used. The script was the same!!

Code: Select all

#!/bin/sh
export COLOUR=3272C0
#  check for dark gtk themes and change  COLOUR
if [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_mouse"`" ]; then
 COLOUR=FFD900 
elif [ "`cat /root/.gtkrc-2.0 | grep  "Stardust_dark_touch"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Azenis"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "TerraNova-Aquarius"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "terminus"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "Murrina-Black"`" ]; then
 COLOUR=FFD900 
 elif [ "`cat /root/.gtkrc-2.0 | grep  "DarkRoomCompact"`" ]; then
 COLOUR=FFD900
 elif [ "`cat /root/.gtkrc-2.0 | grep  "PenOSmaster"`" ]; then
 COLOUR=FFD900
 fi
 
 TEXT="My Text"
 
 export MAIN_DIALOG='
<window title="Example"  window-position="1">

<vbox>
     <text use-markup="true"><label>"<b><span size='"'x-large'"'>p</span><span size='"'x-large'"' color='"'#$COLOUR'"'>Archive</span></b>"</label></text>
   <text width-request="100"><label>Color Frame</label></text>
   <text use-markup="true"><label>"<b><u><span size='"'large'"'>???</span><span size='"'large'"' color='"'#DA7A05'"'>Over write</span> ??</u></b>"</label></text>
   <text use-markup="true"><label>"<b><span size='"'large'"'  color='"'blue'"'>Danger Zone</span><span size='"'large'"' color='"'red'"'>Destroy</span> '$TEXT'</b>"</label></text>
   <text use-markup="true"><label>"<b><span size='"'large'"' color='"'red'"'>Over write</span>   '$TEXT'</b>    text"</label></text>
   <text use-markup="true"><label>"<u><span size='"'large'"' color='"'#A900FF'"'>??????</span></u>"</label></text>   
</vbox>
</window>'
 
 gtkdialog -p MAIN_DIALOG

Posted: **Thu 16 Oct 2014, 22:48**

For the record here are just some of the many colors that gtkdialog supports...

aliceblue antiquewhite aqua aquamarine
azure beige bisque black
blanchedalmond blue blueviolet brown
burlywood cadetblue chartreuse chocolate
coral cornflowerblue cornsilk crimson
cyan darkblue darkcyan darkgoldenrod
darkgray darkgreen darkgrey darkkhaki
darkmagenta darkolivegreen darkorange darkorchid
darkred darksalmon darkseagreen darkslateblue
darkslategray darkslategrey darkturquoise darkviolet
deeppink deepskyblue dimgray dimgrey
dodgerblue firebrick floralwhite forestgreen
fuchsia gainsboro ghostwhite gold
goldenrod gray green greenyellow
grey honeydew hotpink indianred
indigo ivory khaki lavender
lavenderblush lawngreen lemonchiffon lightblue
lightcoral lightcyan lightgoldenrodyello lightgray
lightgreen lightgrey lightpink lightsalmon
lightseagreen lightskyblue lightslategray lightslategrey
lightsteelblue lightyellow lime limegreen
linen magenta maroon mediumaquamarine
mediumblue mediumorchid mediumpurple mediumseagreen
mediumslateblue mediumspringgreen mediumturquoise mediumvioletred
midnightblue mintcream mistyrose moccasin
navajowhite navy oldlace olive
olivedrab orange orangered orchid
palegoldenrod palegreen paleturquoise palevioletred
papayawhip peachpuff peru pink
plum powderblue purple red
rosybrown royalblue saddlebrown salmon
sandybrown seagreen seashell sienna
silver skyblue slateblue slategray
slategrey snow springgreen steelblue
tan teal thistle tomato
turquoise violet wheat white
whitesmoke yellow yellowgreen

Posted: **Fri 17 Oct 2014, 04:27**

deleted

(old)Puppy Linux Discussion Forum

How to put color in GTKDIALOG

How to put color in GTKDIALOG