[SOLVED] Panel Preferences

[JerryF]

Hello all,

In the panel, I've been trying to change the shade of the app that has the focus (active app). As of right now, the app that has the focus is a darker grey than the app(s) that don't have the focus.

Example:

Shutter_011.jpg

This snapshot shows two apps open. Calculator and File Manager. Calculator was the active window, File Manager the inactive window.

I'd like to switch it so that the active app has the lighter grey and the inactive app(s) have the darker grey.

Is there a way to change this in Xfce? I don't find it intuitive to have the active app having the darker grey than the inactive app(s).

Specs:

Code: Select all

$ inxi -Fxz
System:    Host: HP-EliteBook-8460p Kernel: 4.15.0-36-generic x86_64 bits: 64 gcc: 7.3.0
           Desktop: Xfce 4.12.3 (Gtk 2.24.31) Distro: Linux Mint 19 Tara
Machine:   Device: laptop System: Hewlett-Packard product: HP EliteBook 8460p v: A0001D02 serial: N/A
           Mobo: Hewlett-Packard model: 161C v: KBC Version 97.4E serial: N/A
           BIOS: Hewlett-Packard v: 68SCF Ver. F.65 date: 04/06/2017
Battery    BAT0: charge: 43.3 Wh 100.0% condition: 43.3/43.3 Wh (100%)
           model: Hewlett-Packard Primary status: Full
CPU:       Dual core Intel Core i5-2520M (-MT-MCP-) arch: Sandy Bridge rev.7 cache: 3072 KB
           flags: (lm nx sse sse2 sse3 sse4_1 sse4_2 ssse3 vmx) bmips: 9978
           clock speeds: max: 3200 MHz 1: 798 MHz 2: 798 MHz 3: 798 MHz 4: 798 MHz
Graphics:  Card: Intel 2nd Generation Core Processor Family Integrated Graphics Controller bus-ID: 00:02.0
           Display Server: x11 (X.Org 1.19.6 ) drivers: modesetting (unloaded: fbdev,vesa)
           Resolution: 1600x900@59.90hz
           OpenGL: renderer: Mesa DRI Intel Sandybridge Mobile version: 3.3 Mesa 18.0.5 Direct Render: Yes
Audio:     Card Intel 6 Series/C200 Series Family High Definition Audio Controller
           driver: snd_hda_intel bus-ID: 00:1b.0
           Sound: Advanced Linux Sound Architecture v: k4.15.0-36-generic
Network:   Card-1: Intel 82579LM Gigabit Network Connection driver: e1000e v: 3.2.6-k port: 4060 bus-ID: 00:19.0
           IF: enp0s25 state: down mac: <filter>
           Card-2: Intel Centrino Advanced-N 6205 [Taylor Peak] driver: iwlwifi bus-ID: 24:00.0
           IF: wlo1 state: up mac: <filter>
Drives:    HDD Total Size: 320.1GB (32.5% used)
           ID-1: /dev/sda model: Hitachi_HTS72323 size: 320.1GB
Partition: ID-1: / size: 30G used: 8.7G (31%) fs: ext4 dev: /dev/sda1
           ID-2: /home size: 177G used: 81G (49%) fs: ext4 dev: /dev/sda7
           ID-3: swap-1 size: 8.59GB used: 0.00GB (0%) fs: swap dev: /dev/sda5
RAID:      No RAID devices: /proc/mdstat, md_mod kernel module present
Sensors:   System Temperatures: cpu: 48.0C mobo: 0.0C
           Fan Speeds (in rpm): cpu: N/A
Info:      Processes: 227 Uptime: 2:43 Memory: 1876.1/7886.5MB Init: systemd runlevel: 5 Gcc sys: 7.3.0
           Client: Shell (bash 4.4.191) inxi: 2.3.56 

[mint4all]

Greetings!

Before suggesting a workaround, what appearance-"theme" are you using? There are 2 settings to check: Menu > Settings > Appearance > "Style" tab; and Menu > Settings > Window Manager > "Style" tab. Thanks for checking.

Cheers, m4a

[JerryF]

Greetings!

Before suggesting a workaround, what appearance-"theme" are you using? There are 2 settings to check: Menu > Settings > Appearance > "Style" tab; and Menu > Settings > Window Manager > "Style" tab. Thanks for checking.

Cheers, m4a

Thanks for your reply.

Menu > Settings > Appearance > "Style" = Mint-X-Orange
Menu > Settings > Window Manager > "Style" = Kokodi

[mint4all]

Thanks for the update.

I've reproduced your problem -- observation, actually -- and started tracking down just WHERE in the Mint-X-Orange theme the tweak must be placed. Just to make sure what you're after, here's a screenshot of what my window-list looks like...



Obviously, i'm using a coco-like base color instead of your theme's orange-like color setting. But as you can see, my theme's setting highlights the background of the task-bar's window-list button of the window that has focus, and inverts the title's color (from bright to dark). Is that the effect you'd like to see?

Cheers, m4a

Edited to show my remote image as the forum seems to suppress images directly uploaded to the forum

[JerryF]

Yes, thank you.

How did you get yhay? By theme?

[Tom739]

Dear All,

this is what I did to customize parts of my panel under Mint Mate 18.3 with Mint-X-Aqua. I have created the following file in my home directory "~/.config/gtk-3.0/gtk.css"

Code: Select all

@define-color  custom_fg_color #eee;
@define-color  custom_rv_color #111;
@define-color  custom_bg_color #599dde;
@define-color  custom_bd_color #67b4ff;

/* --------------------------------------------------------------- Task List */

#PanelApplet WnckTasklist .button.flat {
    border-width: 1px;
    border-radius: 1px;
    border-color: @custom_bg_color;
    color: @custom_fg_color;
    background-color: @theme_fg_color;
    box-shadow: none;
    background-image: none;
}

#PanelApplet WnckTasklist .button.flat:hover {
    border-width: 1px;
    border-radius: 1px;
    border-color: @custom_bd_color;
    color: @custom_fg_color;
    background-color: @custom_bg_color;
    box-shadow: none;
    background-image: linear-gradient(to top,
                                      alpha(black, 0.4),
                                      alpha(black, 0.4));
}

#PanelApplet WnckTasklist .button.flat:checked:hover,
#PanelApplet WnckTasklist .button.flat:checked,
#PanelApplet WnckTasklist .button.flat:active:hover,
#PanelApplet WnckTasklist .button.flat:active {
    border-width: 1px;
    border-radius: 1px;
    border-color: @custom_bd_color;
    color: @custom_rv_color;
    background-color: @custom_bg_color;
    box-shadow: none;
    background-image: none;
}

/* ------------------------------------------------------ Workspace Switcher */

.wnck-pager {
    background-color: shade(@custom_bg_color, 0.45);
}

.wnck-pager:selected {
    background-color: shade(@custom_bg_color, 0.75);
}

.wnck-pager:hover {
    background-color: shade(@custom_bg_color, 0.6);
}

This code gives me the following look:

ScreenshotPanelPreference.png

• The window that has the focus is shown in bright blue in the middle.

• Windows that do not have the focus are shown in dark with a blue border (see the one on the right).

• Windows that are hovered by the mouse pointer are shown with medium blue color and a bright blue border (on the left).

As you can see, I also modified the workspace switcher colors in order to match my background color (which involved a lot of iterations )

Regards
Tom

[JerryF]

Thank you all!

I ended up using a whole new theme.

Not my favorite, but it does the job.

[mint4all]

Thank you all!

I ended up using a whole new theme.

Not my favorite, but it does the job.

Thanks for the update -- if that theme-change works ok for you, so much the better ... However, i am in the middle of tracking down those tweaks as i have observed that the numerous tweaks i've made to create my own theme-of-choice has a lot of problems on LM19 & Xubuntu 18.04.1. Worse, it is practically unusable on Xubuntu 18.10beta (GTK3+-based). So i got some work to do anyway.

@ tom739 ... Thanks for sharing your .css tweaks -- they look great, and if my coco-colored theme (it is entirely based on GTK2+) is too difficult to convert to GTK3+ i'll try out your Mint-X-Aqua version + tweaks.

Cheers, m4a