This is what I did in css to make it look good and function well
On 2/25/21 8:38 PM, Peter S. Shenkin wrote:
This sounds like a good reason to use Qt. 😁
(A cross-platform GUI building tool.)
-P.
On Thu, Feb 25, 2021 at 11:45 AM Adrien Monteleone <
adrien.montele...@lusfiber.net> wrote:
I poked around with the inspector quite a bit when GnuCash moved to
GTK3, and as far as I can tell, the content of the Account Page (save
the header bar) is not exposed to styling, sorry. (that is, the entire
account table 'tree' is one CSS node and the individual items, rows, and
columns are not accessible to CSS)
You could employ a very ugly workaround though:
Set every other account to have the background color you want, then turn
on: Preferences > Accounts > Account Color > Show the Account Color as
background.
The downside is you'd need to do this for every other account manually,
and then when you collapse parts of the tree, your striping will break.
(and then you can't use other custom colors) You could maybe just set
the parent accounts to have a background color, so that when everything
is expanded, there is some visual separation.
*note, I've found the page easier to read and see the hierarchy when I
turned *off*: Preferences > General > General > Enable vertical grid
lines on table displays.
Regards,
Adrien
On 2/23/21 9:18 PM, Evelyn Yamanaka wrote:
Hi all,
I'm using GNUCash 4.4 on Windows 10, and I'm trying to customize the
appearance of the Account page using the CSS file:
%APPDATA%\GnuCash\gtk-3.0.css
I can't figure out how to modify alternating rows (background color)
or individual columns (e.g. the "Account Name" column) on the Account
page because I don't know the CSS selector for those items.
I've used the GTK Inspector to identify other elements. But I can't
figure out the CSS path for these two items. I've tried the following,
in case the tree in the Account page behaved like an HTML table, but
neither worked:
#gnc-id-account-tree tr:nth-child(even) {
background-color: #888;
}
#gnc-id-account-tree td:nth-child(1) {
background-color: #888;
}
More info, including a screenshot for reference, can be found here:
https://superuser.com/questions/1627977/what-are-the-css-selectors-for-alternating-rows-and-specific-columns-in-gnucash
Would appreciate any help figuring out which CSS selectors to use, or
just letting me know if it's impossible to do. Thanks.
_______________________________________________
gnucash-user mailing list
gnucash-user@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@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.
treeview {
background-color: white;
color: black;}
treeview:hover {
background-color: lightgrey;
color: black;
}
treeview:selected {
background-color: skyblue;
color: white;
}
/* Application wide font setting font-weight: bold;*/
* {
font: 19px Aerial Regular;
}
scrollbar {
/* Just in case another file disabled them */
-GtkScrollbar-has-backward-stepper: 1;
-GtkScrollbar-has-forward-stepper: 1;
}
scrollbar slider {
/* Size of the slider */
min-width: 18px;
min-height: 12px;
border-radius: 12px;
/* Padding around the slider */
border: 3px solid transparent;
}
/* Register sheet font setting */
gnc-id-sheet {
font: 22px Aerial Regular;
}
/* Register header font setting */
gnc-id-header {
background-color: white;
color:white;
}
/* Register cursor font setting */
gnc-id-cursor {
background-color: #BDB76B;
color: white;
}
gnc-id-cursor button {
border-width: 1px;
border-color: green;
}
/* Register sheet calendar */
gnc-id-sheet calendar {
font: 13px arial;
background-color:lightgreen;
border-color: green;
border-width: 1px;
}
/* Register User Colors, remove 'user' for builtin register values */
.gnc-class-user-register-header {
background-color: lightgrey;
color: black;
}
.gnc-class-user-register-primary {
background-color: white;
}
.gnc-class-user-register-primary:disabled {
background-color: plum;
}
.gnc-class-user-register-secondary {
background-color: #FAF0E6;
}
.gnc-class-user-register-secondary:disabled {
background-color: plum;
}
.gnc-class-user-register-split {
background-color: tan;
}
.gnc-class-user-register-split:disabled {
background-color: plum;
}
.gnc-class-user-register-cursor {
background-color: #00BFFF;
color: white;
border-radius: 0px;
}
/* Toolbar Button size and spacing */
toolbar {
background-color: lightsteelblue;
}
/* Toolbar font size, 0 to remove text */
toolbar toolbutton label {
font-size: 22px;
}
toolbar toolbutton button {
padding-left: 8px;
padding-right: 8px;
}
toolbar toolbutton label {
padding-left: 8px;
padding-right: 8px;
}
/* Negative number color */
.gnc-class-negative-numbers {
color: red;
}
/* Gnucash Main Window, reduce size */
#gnc-id-main-window notebook tab {
min-height: 6px;
min-width: 0px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 0px;
border-bottom: 0px;
}
#gnc-id-main-window notebook label {
font: 20px arial, sans-serif;
}
#gnc-id-main-window notebook tab button {
min-height: 0;
min-width: 0;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/* Dense Calendar Settings, use widget name gnc-id-dense-calendar
* or gtk css name calendar which would also apply to other calendar
* widgets */
#gnc-id-dense-calendar .frame {
border-color: blue;
border-width: 1px;
}
calendar .frame {
border-color: blue;
border-width: 1px;
}
#gnc-id-dense-calendar .header {
background-color: lightgreen;
}
calendar .header {
background-color: lightgreen;
}
#gnc-id-dense-calendar .primary {
background-color: darksalmon;
}
#gnc-id-dense-calendar .secondary {
background-color: darkseagreen;
}
#gnc-id-dense-calendar .markers {
background-color: indianred;
}
#gnc-id-dense-calendar-popup {
background-color: darksalmon;
color: black;
}
#gnc-id-dense-calendar-popup treeview {
background-color: lightcoral;
}
/* Progress bar */
progressbar progress {
background-color: lime;
}
/* Status Bar */
statusbar frame {
margin-top: 0px;
margin-bottom: 0px;
}
statusbar label {
font-size: 22px;
color: red;
}
/* Reconcile Window */
#gnc-id-reconcile-totals * {
background-color: darkgrey;
}
.gnc-class-credits treeview {
background-color: pink;
}
.gnc-class-credits treeview:selected {
background-color: cornflowerblue;
color: white;
}
.gnc-class-debits treeview {
background-color: lightblue;
}
.gnc-class-debits treeview:selected {
background-color: cornflowerblue;
color: white;
}
/* Highlight Text */
.gnc-class-highlight {
color: lightblue;
}
/* Summary bar */
#gnc-id-summarybar {
background-color:lightblue;
}
#gnc-id-summarybar .gnc-class-highlight {
color: red;
}
_______________________________________________
gnucash-user mailing list
gnucash-user@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.
