[GNC] Change text color

GT-I9070 H gti9070h at gmail.com
Tue Jul 31 18:48:57 EDT 2018


Excuse me, this works fine:

#account_tree:selected {
  color: white;
  background-color: steelblue;
}

Regards
GTI

Em ter, 31 de jul de 2018 às 16:25, GT-I9070 H <gti9070h at gmail.com>
escreveu:

> It would be interesting also to stylize the account sheet cursor.
>
> Regards
> GTI
>
> Em ter, 31 de jul de 2018 às 16:02, Adrien Monteleone <
> adrien.monteleone at lusfiber.net> escreveu:
>
>> Hmm...
>>
>> It was working using the GtkInspector, and with the css file Linux. But
>> when I try similar selectors via css on MacOS (which I normally use) they
>> don’t work at all. (just the header stuff that is) I’ll have to investigate
>> more.
>>
>> Regards,
>> Adrien
>>
>> > On Jul 31, 2018, at 2:42 PM, GT-I9070 H <gti9070h at gmail.com> wrote:
>> >
>> > Hi Adrien,
>> >
>> > This does not work:
>> >
>> > #account_tree column-header {
>> >       color: lime;
>> > }
>> >
>> > Am I writing something wrong?
>> >
>> > Regards
>> > GTI
>> >
>> > Em ter, 31 de jul de 2018 às 14:38, Adrien Monteleone <
>> adrien.monteleone at lusfiber.net> escreveu:
>> > GTI,
>> >
>> > You could test the font-family rule by changing it to something
>> obviously different, like serif, monospaced, or say ‘Comic Sans’. (I
>> suppose it’s useful at least for this) I just revamped my css from the old
>> gtkrc method from 2.6.x and it picked up the font rules just fine.
>> >
>> > I found the header selectors.
>> >
>> > So here is the hierarchy:
>> >
>> > GncTreeViewAccount (id=“account_tree”) > column-header > GtkButton
>> (class=“button”) > GtkBox > GtkAlignment > GtkLabel (class=“label”)
>> >
>> > GncTreeViewAccount affect the entire tab contents.
>> > column-header affects the entire header.
>> > GtkButton affects each section of the header.
>> > GtkBox affects only the portion of the header cell that contains text
>> and white space. (Does not include separators or margins)
>> > GtkAlignment affects only the portion of GtkBox that contains actual
>> text characters. (GtkBox minus padding)
>> > GtkLabel is the text itself.
>> >
>> > Thus if you want to style the entire header bar you could use:
>> >
>> > #account_tree column-header
>> >
>> > #account_tree column-header GtkButton/button will target only the first
>> header. (you can use the :x-child pseudo selectors for the others)
>> >
>> > #account_tree column-header .button targets all header buttons seems to
>> have the same effect as if you hadn’t specified the class as in the first
>> instance.
>> >
>> > #account_tree column-header GtkLabel/label targets only the first
>> header label. (same as button)
>> >
>> > #account_tree column-header .label targets all header labels.
>> >
>> >
>> > Note, ‘column-header’ for some reason doesn’t appear to be specifically
>> necessary at least in gtk-3.18, but it’s probably a good idea to include
>> it. It seems all of the accounts are also GtkButton nodes with GtkLabels,
>> but they don’t seem to change on the declarations when I don’t include
>> column-header for some reason. Perhaps this is a code issue as noted in a
>> previous reply. Since this might change, I’d say it’s safer to specify
>> buttons/labels as children of column-header for future durability.
>> >
>> > Since including column-header is more specific, it shouldn’t matter the
>> cascade order as it will take precedence over plain #account_tree rules.
>> >
>> > Regards,
>> > Adrien
>> >
>> >
>> > > On Jul 31, 2018, at 12:17 PM, GT-I9070 H <gti9070h at gmail.com> wrote:
>> > >
>> > > Thanks  Adrien ,
>> > >
>> > > I'm with my smartphone bricked and I stopped Flash it to test GnuCash.
>> > >
>> > > I tested this on Windos 10:
>> > >
>> > > /* Account sheet font settings */
>> > > #account_tree {
>> > >   font-family: Arial;
>> > >   font-size: 15;
>> > >   color: blue;
>> > >   background-color: #1C2833;
>> > >   padding: 1px;
>> > >   letter-spacing: 5px;
>> > > }
>> > >
>> > > #account_tree:selected {
>> > >   color: white;
>> > > }
>> > >
>> > > /* Tab font color */
>> > > notebook tab label {
>> > >   color: blue;
>> > > }
>> > >
>> > > and it worked the first time. I'm not sure if "font-family: Arial;"
>> worked, but I'm sure it did not block the .css.
>> > >
>> > > Only "letter-spacing: 5px;" changed the column header.
>> > >
>> > > Now we just need to customize the column header.
>> > >
>> > > Regards
>> > > GTI
>> > >
>> > > Em ter, 31 de jul de 2018 às 02:25, Adrien Monteleone <
>> adrien.monteleone at lusfiber.net> escreveu:
>> > > Follow-up:
>> > >
>> > > I’m not sure what was wrong the first time, but the following does
>> work for all text on the CoA tab but does not change the header row:
>> > >
>> > > #account_tree {
>> > >   color: *your-color-here*;
>> > > }
>> > >
>> > > #account_tree:selected {
>> > >   color: *other-color-here*;
>> > > }
>> > >
>> > > If there was a need to address the GtkLabels directly, that doesn’t
>> seem possible. According to the spec, it should be to style the node by
>> type, but it isn’t working. (at least in 3.18)
>> > >
>> > > The class ‘label’ is also not working properly. It seems to only
>> apply to toolbar button labels and the header row of the CoA table.
>> > >
>> > > Using the GtkInspector, I added the label class to the
>> GtkTreeViewAccountView widget and it worked properly though. So perhaps the
>> code needs to somehow include this for it to work. (my reading of the
>> Gtk-css reference doesn’t seem to make this clear, with the impression that
>> one can specify a node or a label regardless)
>> > >
>> > > There should probably be something on the wiki documenting this, as
>> well as all the relevant selectors. (some are documented on Git as part of
>> a sample css file) If I have page permissions I’ll start one, but if not
>> I’ll have to file a wiki bug and wait for it to be created.
>> > >
>> > > Regards,
>> > > Adrien
>> > >
>> > >
>> > > > On Jul 30, 2018, at 5:04 PM, Adrien Monteleone <
>> adrien.monteleone at lusfiber.net> wrote:
>> > > >
>> > > > This is proving to be more difficult than it probably should be.
>> Unfortunately, there is very little documentation on using GtkInspector,
>> and it seems the tool was designed for people who are doing the coding of
>> the app and are ‘inyoursleep’ familiar with the GUI elements and objects
>> used.
>> > > >
>> > > > However, I’ve managed something that might be useful.
>> > > >
>> > > > Try:
>> > > >
>> > > > #account_tree {
>> > > >  color: *your-color-here*;
>> > > > }
>> > > >
>> > > > This should change the base color of the text for the entire tree,
>> including the column headers.
>> > > >
>> > > > You can use other common css rules here such as background-color,
>> font-family, font-size, letter-spacing, padding, etc.
>> > > >
>> > > > The account names themselves (and their related text in sibling
>> columns) are likely either class “label” or “GtkLabel” (depending on Gtk
>> version, 3.20 is the former, 3.18 the latter) but specifying this class
>> instead of the ID for the entire tree doesn’t seem to do anything. (I’m on
>> 3.18 using Ubuntu 16.04, but I tried both with no result) You might have
>> better luck. Ideally, I’d rather style classes than IDs, especially since
>> in this case, the ID includes the column headers.
>> > > >
>> > > > An additional complication is that the tree-view has identical
>> nodes for pretty much everything under it and the inspector doesn’t seem to
>> let me select any particular account label with any specificity or figure
>> out which node in the tree is which one I’m looking at on screen. (I
>> understand specificity for the web, but building a unique selector seems a
>> little different in GTK) I can only select the entire tree at once.
>> > > >
>> > > > The above might also pose an issue because a selected account would
>> need different background and font colors. The inspector is supposed to
>> show a ’selected’ node that might be useful here, but since I can't figure
>> out which child GtkLabel belongs to what, I’m not seeing that particular
>> ’selected’ node.  I’ll keep trying and poking around though.
>> > > >
>> > > > Hope that helps.
>> > > >
>> > > > Regards,
>> > > > Adrien
>> > > >
>> > > >> On Jul 26, 2018, at 7:27 PM, GT-I9070 H <gti9070h at gmail.com>
>> wrote:
>> > > >>
>> > > >> One file for everything is better.
>> > > >>
>> > > >> In my .ini file there is only one section and one line to change
>> the text size of the accounts page because it was the only method I found
>> and worked, the .css method for this fails. For everything else I use .css,
>> I've customized the registry with .css.
>> > > >>
>> > > >> For tabs I already got change color and font.
>> > > >>
>> > > >> I had already done searches on the list and I was not lucky.
>> > > >>
>> > > >> Of course we can wait, without problems, meanwhile I'll keep
>> trying.
>> > > >>
>> > > >>
>> > > >> Regards
>> > > >> GTI
>> > > >>
>> > > >
>> > >
>> > >
>> > > _______________________________________________
>> > > gnucash-user mailing list
>> > > gnucash-user at gnucash.org
>> > > To update your subscription preferences or to unsubscribe:
>> > > https://lists.gnucash.org/mailman/listinfo/gnucash-user
>> > > If you are using Nabble or Gmane, please see
>> https://wiki.gnucash.org/wiki/Mailing_Lists for more information.
>> > > -----
>> > > Please remember to CC this list on all your replies.
>> > > You can do this by using Reply-To-List or Reply-All.
>> >
>> >
>> > _______________________________________________
>> > gnucash-user mailing list
>> > gnucash-user at gnucash.org
>> > To update your subscription preferences or to unsubscribe:
>> > https://lists.gnucash.org/mailman/listinfo/gnucash-user
>> > If you are using Nabble or Gmane, please see
>> https://wiki.gnucash.org/wiki/Mailing_Lists for more information.
>> > -----
>> > Please remember to CC this list on all your replies.
>> > You can do this by using Reply-To-List or Reply-All.
>>
>>
>> _______________________________________________
>> gnucash-user mailing list
>> gnucash-user at gnucash.org
>> To update your subscription preferences or to unsubscribe:
>> https://lists.gnucash.org/mailman/listinfo/gnucash-user
>> If you are using Nabble or Gmane, please see
>> https://wiki.gnucash.org/wiki/Mailing_Lists for more information.
>> -----
>> Please remember to CC this list on all your replies.
>> You can do this by using Reply-To-List or Reply-All.
>
>


More information about the gnucash-user mailing list