[GNC] Change text color

Tue Jul 31 16:25:43 EDT 2018

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.