Aw: Re: Re: Re: Changing CSS
That works for everything but the menu in Settings as guacadmin.
When I hover over "Active Sessions", "History", "Users", "Groups", "Connections" and "Preferences", it still turns green. I could not find out where to change the color here.
These are the changes I made:
.list-item:not(.selected) .caption:hover {
background: #9cdcff;
}
.recent-connections .connection:hover {
background: #9cdcff;
}
.settings table.session-list tr.session:hover {
background: #9cdcff;
}
.section-tabs li a:hover {
background: #9cdcff;
}
.menu-dropdown .menu-contents li a:hover {
background: #9cdcff;
}
#filesystem-menu .header.breadcrumbs .breadcrumb:hover {
background: #9cdcff;
}
#guac-menu #zoom-in:hover {
background: #9cdcff;
}
Gesendet: Dienstag, 05. Oktober 2021 um 14:42 Uhr
Von: "Nick Couchman"
An: user@guacamole.apache.org
Betreff: Re: Re: Re: Changing CSS
On Tue, Oct 5, 2021 at 7:18 AM michael böhm <k...@gmx.net> wrote:
Basically every element that turns light green when I hover over it with the mouse like
- Recent connections
- All connections
- Settings
- Logout
At least one of them occurs, here:
https://github.com/apache/guacamole-client/blob/909a30ef5b347c09de7fe1263f7e422736937459/guacamole/src/main/frontend/src/app/navigation/styles/menu.css#L142-L144
So, you'd need to override the CSS element ".menu-dropdown .menu-contents li a:hover".
Recent connections would be here:
https://github.com/apache/guacamole-client/blob/11c1575daf58111049f4c5cc1cd6ea1b01d5ee9c/guacamole/src/main/frontend/src/app/index/styles/lists.css#L51-L53
So, element is ".recent-connections .connection:hover"
Basically you should be able to search for "background: #CDA" and find all the elements that use that.
-Nick
-
To unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org
For additional commands, e-mail: user-h...@guacamole.apache.org
Re: Re: Re: Changing CSS
On Tue, Oct 5, 2021 at 7:18 AM michael böhm wrote: > Basically every element that turns light green when I hover over it with > the mouse like > > - Recent connections > - All connections > - Settings > - Logout > At least one of them occurs, here: https://github.com/apache/guacamole-client/blob/909a30ef5b347c09de7fe1263f7e422736937459/guacamole/src/main/frontend/src/app/navigation/styles/menu.css#L142-L144 So, you'd need to override the CSS element ".menu-dropdown .menu-contents li a:hover". Recent connections would be here: https://github.com/apache/guacamole-client/blob/11c1575daf58111049f4c5cc1cd6ea1b01d5ee9c/guacamole/src/main/frontend/src/app/index/styles/lists.css#L51-L53 So, element is ".recent-connections .connection:hover" Basically you should be able to search for "background: #CDA" and find all the elements that use that. -Nick
Aw: Re: Re: Changing CSS
Basically every element that turns light green when I hover over it with the mouse like - Recent connections - All connections - Settings - Logout Best wishes Michael Gesendet: Dienstag, 05. Oktober 2021 um 12:54 Uhr Von: "Nick Couchman" An: user@guacamole.apache.org Betreff: Re: Re: Changing CSS On Tue, Oct 5, 2021 at 3:46 AM michael böhm <k...@gmx.net> wrote: Thanks, that worked for me. Is there also a way to override the mousover highlight color (green by default)? I did not find it in the CSS. Is this done in _javascript_? Mouseover highlight of what element or part of the screen, specifically? -Nick - To unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org For additional commands, e-mail: user-h...@guacamole.apache.org
Re: Re: Changing CSS
On Tue, Oct 5, 2021 at 3:46 AM michael böhm wrote: > Thanks, that worked for me. > > Is there also a way to override the mousover highlight color (green by > default)? I did not find it in the CSS. Is this done in javascript? > Mouseover highlight of what element or part of the screen, specifically? -Nick
Aw: Re: Changing CSS
Thanks, that worked for me. Is there also a way to override the mousover highlight color (green by default)? I did not find it in the CSS. Is this done in _javascript_? Sorry, I'm no web developer... Gesendet: Montag, 04. Oktober 2021 um 10:31 Uhr Von: "Mike Jumper" An: user@guacamole.apache.org Betreff: Re: Changing CSS Cosmetic changes should be made through extensions rather than code changes. Documentation on the extension format, which can include arbitrary CSS, is here: https://guacamole.apache.org/doc/gug/guacamole-ext.html#ext-file-format The best way to determine the CSS to apply is to fiddle around with the relevant elements in your browser's dev tools, adding additional CSS rules until things look how you like. Once you have things the way you want, you have the CSS to include in your extension. - Mike On Mon, Oct 4, 2021, 00:50 michael böhm <k...@gmx.net> wrote: Hi, I got the task to change the color of of the text and icon in the "Filter" field to black to ensure a higher contrast from the background due to an accessibility audit. Can someone point me in the right direction on which part of the CSS I have to edit to accomplish this? How can I change it in the Docker version? Thanks and best wishes Michael - To unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org For additional commands, e-mail: user-h...@guacamole.apache.org - To unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org For additional commands, e-mail: user-h...@guacamole.apache.org
Re: Changing CSS
Cosmetic changes should be made through extensions rather than code changes. Documentation on the extension format, which can include arbitrary CSS, is here: https://guacamole.apache.org/doc/gug/guacamole-ext.html#ext-file-format The best way to determine the CSS to apply is to fiddle around with the relevant elements in your browser's dev tools, adding additional CSS rules until things look how you like. Once you have things the way you want, you have the CSS to include in your extension. - Mike On Mon, Oct 4, 2021, 00:50 michael böhm wrote: > Hi, > > I got the task to change the color of of the text and icon in the "Filter" > field to black to ensure a higher contrast from the background due to an > accessibility audit. > > Can someone point me in the right direction on which part of the CSS I > have to edit to accomplish this? How can I change it in the Docker version? > > Thanks and best wishes > > Michael > - To > unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org For additional > commands, e-mail: user-h...@guacamole.apache.org
Changing CSS
Hi, I got the task to change the color of of the text and icon in the "Filter" field to black to ensure a higher contrast from the background due to an accessibility audit. Can someone point me in the right direction on which part of the CSS I have to edit to accomplish this? How can I change it in the Docker version? Thanks and best wishes Michael - To unsubscribe, e-mail: user-unsubscr...@guacamole.apache.org For additional commands, e-mail: user-h...@guacamole.apache.org
