Bug 4403 - Light themes cause font and colour issues for the folder tree when retrieving mails
Summary: Light themes cause font and colour issues for the folder tree when retrieving...
Status: RESOLVED WORKSFORME
Alias: None
Product: Claws Mail
Classification: Unclassified
Component: UI/Folder List (show other bugs)
Version: 4.0.0
Hardware: PC Linux
: P3 normal
Assignee: users
URL:
Depends on:
Blocks:
 
Reported: 2020-10-31 16:38 UTC by Ralf Mardorf
Modified: 2020-11-01 11:11 UTC (History)
0 users

See Also:


Attachments

Description Ralf Mardorf 2020-10-31 16:38:47 UTC
$ pacman -Q claws-mail-gtk3-git 
claws-mail-gtk3-git 3.99.0.r0.gce219a1a5-1

System Information
GTK+ 3.24.23 / GLib 2.66.2
Locale: en_US.utf8 (charset: UTF-8)
Operating System: Linux 4.19.132-rt59-0-securityink (x86_64)

$ lsb_release -a
LSB Version:	1.4
Distributor ID:	Arch
Description:	Arch Linux
Release:	rolling
Codename:	n/a

X11, windows manager openbox, no desktop environment, gtk3-nocsd-git r72.4e1c45d as of today

Description
There seem to be no issues when using the Breeze-Dark or Adwaita-dark theme. When using the Breeze or Adwaita light theme and retrieving emails, then the folder fonts shrink and the font colour becomes white on the light grey background. It doesn't matter if new mail gets received or not. When selecting a folder, the font becomes black again, but the font size stays small.
After closing and opening Claws, the original font size is applied to all folders. "Use strips in all tree view components" is unchecked by clawsker.

Steps to reproduce
Use the following gtk-3.0/settings.ini and select Breeze or Adwaita.

$ cat .config/gtk-3.0/settings.ini
[Settings]
gtk-theme-name=Arc-RM-Cornflower
#gtk-theme-name=Breeze-Dark
#gtk-theme-name=Adwaita
#gtk-theme-name=Adwaita-dark
#gtk-theme-name=Breeze
gtk-font-name=Cantarell 11
gtk-icon-theme-name=Sardi-Mono-Papirus-Colora-Havelock
gtk-cursor-theme-name=Paper
gtk-cursor-theme-size=0
gtk-toolbar-style=GTK_TOOLBAR_BOTH_HORIZ
gtk-toolbar-icon-size=GTK_ICON_SIZE_LARGE_TOOLBAR
gtk-button-images=1
gtk-menu-images=1
gtk-enable-event-sounds=0
gtk-enable-input-feedback-sounds=0
gtk-xft-antialias=1
gtk-xft-hinting=1
gtk-xft-hintstyle=hintfull
gtk-xft-rgba=rgb
Comment 1 Ralf Mardorf 2020-10-31 16:46:15 UTC
(In reply to Ralf Mardorf from comment #0)
I forgot to mention that the behaviour doesn't change when "Use strips in all tree view components" is checked.
Comment 2 Paul 2020-10-31 19:07:36 UTC
You should look at the where the colours are defined in the theme
Comment 3 Ralf Mardorf 2020-10-31 19:50:25 UTC
Adwaita is part of GTK, you know best what colours Claws does use. I tried to use an eyedropper to get the font colour, but the font is that small that I can't get the correct colour.

$ cat /usr/share/themes/Adwaita/gtk-3.0/gtk.css 
/* Adwaita is now part of GTK+ 3, this file is no longer used */

$ grep rgba /usr/share/themes/Breeze/gtk-3.0/gtk.css 
@define-color insensitive_selected_bg_color_breeze rgba(37, 164, 230, 0.35);
@define-color insensitive_fg_color_breeze rgba(32, 35, 35, 0.35);
@define-color insensitive_base_color_breeze rgba(32, 35, 35, 0.35);
@define-color insensitive_base_fg_color_breeze rgba(229, 229, 229, 0.35);
@define-color insensitive_selected_fg_color_breeze rgba(229, 229, 229, 0.35);
@define-color theme_unfocused_selected_bg_color_breeze rgba(61, 174, 233, 0.5);
@define-color insensitive_unfocused_selected_bg_color_breeze rgba(37, 164, 230, 0.35);
@define-color insensitive_unfocused_fg_color_breeze rgba(32, 35, 35, 0.35);
@define-color insensitive_unfocused_selected_fg_color_breeze rgba(229, 229, 229, 0.35);
@define-color theme_unfocused_view_text_color_breeze rgba(32, 35, 35, 0.35);
@define-color theme_unfocused_view_bg_color_breeze rgba(229, 229, 229, 0.35);
@define-color insensitive_borders_breeze rgba(170, 173, 174, 0.35);
@define-color unfocused_insensitive_borders_breeze rgba(170, 173, 174, 0.35);
@define-color theme_button_decoration_hover_insensitive_breeze  rgba(118, 193, 227, 0.35);
@define-color theme_button_decoration_focus_insensitive_breeze  rgba(37, 164, 230, 0.35);
@define-color theme_button_foreground_insensitive_breeze        rgba(32, 35, 35, 0.35);
@define-color theme_button_foreground_active_insensitive_breeze rgba(229, 229, 229, 0.35);
@define-color theme_button_decoration_hover_backdrop_insensitive_breeze  rgba(118, 193, 227, 0.35);
@define-color theme_button_decoration_focus_backdrop_insensitive_breeze  rgba(37, 164, 230, 0.35);
@define-color theme_button_foreground_backdrop_insensitive_breeze        rgba(32, 35, 35, 0.35);
@define-color theme_button_foreground_active_backdrop_insensitive_breeze rgba(229, 229, 229, 0.35);
@define-color warning_color_insensitive_breeze rgba(224, 105, 0, 0.35);
@define-color error_color_insensitive_breeze   rgba(214, 46, 63, 0.35);
@define-color success_color_insensitive_breeze rgba(35, 158, 87, 0.35);
@define-color warning_color_insensitive_backdrop_breeze rgba(224, 105, 0, 0.35);
@define-color error_color_insensitive_backdrop_breeze   rgba(214, 46, 63, 0.35);
@define-color success_color_insensitive_backdrop_breeze rgba(35, 158, 87, 0.35);
@define-color theme_titlebar_foreground_insensitive_breeze rgba(229, 229, 229, 0.35);
@define-color theme_titlebar_foreground_insensitive_backdrop_breeze rgba(170, 178, 183, 0.35);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -gtk-icon-shadow: 1px 1px rgba(35, 38, 41, 0.2); }
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
  outline-color: rgba(0, 0, 0, 0.3); }
    color: rgba(255, 255, 255, 0.3); }
  outline-color: rgba(255, 255, 255, 0.5); }
    color: rgba(0, 0, 0, 0.3); }
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -gtk-icon-shadow: 1px 1px rgba(35, 38, 41, 0.2); }
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25), 0px 1px 4px rgba(0, 0, 0, 0.15); }
      background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5), 0px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
      box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
      box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
Comment 4 Paul 2020-11-01 11:11:14 UTC
I tried those themes, and it still works fine for me.

Note You need to log in before you can comment on or make changes to this bug.