# Make contrast or different color bar

**URL:** <https://krita-artists.org/t/make-contrast-or-different-color-bar/73244>\
**Category:** Feature Requests\
**Tags:** for-ui-ux\
**Created:** [August 31, 2023, 9:47pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244 "2023-08-31T21:47:00Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [August 31, 2023, 9:47pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/1 "2023-08-31T21:47:00Z")

</div>

I work at night, sometimes sleepy, and I waste my time finding a bar slide because it drowns in the theme’s dark. Please change to red, orange, or sky blue so I do not waste my time anymore. maybe it make your UI UX improve.

 ![Screenshot (12)](https://krita-artists.org/uploads/default/original/3X/d/b/dbf413f4fc23978b72eff469d628e52eef64154f.jpeg)

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [August 31, 2023, 9:55pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/2 "2023-08-31T21:55:12Z")

</div>

And the name of the group layers please highlight with pink, yellow ochre, or others that make look organized by color. or the font of group layer make it different like light blue or yellow or orange. and the font color looks dark, make it bright a little bit.

---

<div class="post-metadata">

**Author:** ![Solution-Beast](https://krita-artists.org/user_avatar/krita-artists.org/solution-beast/32/2969_2.png) [@Solution-Beast](https://krita-artists.org/u/Solution-Beast)\
**Post date:** [September 1, 2023, 5:04am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/3 "2023-09-01T05:04:16Z")

</div>

Do you mean something like this: ?

 ![Layer Colours](https://krita-artists.org/uploads/default/original/3X/9/9/99b9fbdb3b003f3068aedc22896cd0de5b5353fc.png)

If you do, it’s already possible. Right-click a layer to have the option to change its colour`.

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 1, 2023, 5:52am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/4 "2023-09-01T05:52:36Z")

</div>

thanks, and please make slide bar contrast, i can’t see them when I work night.

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 1, 2023, 6:07am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/6 "2023-09-01T06:07:38Z")

</div>

my crazy idea is make the slide bar like discotheque light.

---

<div class="post-metadata">

**Author:** ![dk8](https://krita-artists.org/user_avatar/krita-artists.org/dk8/32/125419_2.png) [@dk8](https://krita-artists.org/u/dk8)\
**Post date:** [September 1, 2023, 8:40am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/7 "2023-09-01T08:40:33Z")

</div>

I too am struggling with low contrast on the slide bar. I wish I could adjust the parameters in the color theme.

---

<div class="post-metadata">

**Author:** ![TheTwo](https://krita-artists.org/user_avatar/krita-artists.org/thetwo/32/32836_2.png) [@TheTwo](https://krita-artists.org/u/TheTwo)\
**Post date:** [September 1, 2023, 12:51pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/8 "2023-09-01T12:51:43Z")

</div>

Do you try them？  
[Plugin: Theme Creator Extension - Resources / Plugins - Krita Artists (krita-artists.org)](https://krita-artists.org/t/plugin-theme-creator-extension/62953)  
[Plugin: Style Sheet Loader Extension - Resources / Plugins - Krita Artists (krita-artists.org)](https://krita-artists.org/t/plugin-style-sheet-loader-extension/62955)

 ![image](https://krita-artists.org/uploads/default/original/3X/d/7/d75a9beb947235ee690926864bf9d8cfaced89a6.png)

---

<div class="post-metadata">

**Author:** ![dk8](https://krita-artists.org/user_avatar/krita-artists.org/dk8/32/125419_2.png) [@dk8](https://krita-artists.org/u/dk8)\
**Post date:** [September 1, 2023, 2:18pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/9 "2023-09-01T14:18:47Z")

</div>

> [@TheTwo](#):
>
> Do you try them？  
> [Plugin: Theme Creator Extension - Resources / Plugins - Krita Artists (krita-artists.org)](https://krita-artists.org/t/plugin-theme-creator-extension/62953)  
> [Plugin: Style Sheet Loader Extension - Resources / Plugins - Krita Artists (krita-artists.org)](https://krita-artists.org/t/plugin-style-sheet-loader-extension/62955)

I did not know about the style sheet loader. Thanks for letting me know.

My problem is solved. However, not everyone can manipulate QSS. It would be nice to either enhance the clarity of the scrollbars or make it easier to customize the theme.

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 1, 2023, 3:33pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/10 "2023-09-01T15:33:33Z")

</div>

Thank you for the information. very helpful. You save my time 40% in UI UX

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 1, 2023, 3:59pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/11 "2023-09-01T15:59:23Z")

</div>

I already activated the style sheet loader plugin but was confused about connecting theme creator extension plugin. how to do it?

---

<div class="post-metadata">

**Author:** ![dk8](https://krita-artists.org/user_avatar/krita-artists.org/dk8/32/125419_2.png) [@dk8](https://krita-artists.org/u/dk8)\
**Post date:** [September 1, 2023, 4:55pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/12 "2023-09-01T16:55:02Z")

</div>

From the top menu  
→Tools  
→Scripts  
→Import Python plugin from file  
You can install it by selecting the zip file you downloaded here

Nothing special should be needed… I can’t explain any further.

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 4, 2023, 5:31pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/13 "2023-09-04T17:31:14Z")

</div>

How to use the style sheet loader, I already installed it, but when I open it I must fill in the path, but I don’t know which path?

---

<div class="post-metadata">

**Author:** ![dk8](https://krita-artists.org/user_avatar/krita-artists.org/dk8/32/125419_2.png) [@dk8](https://krita-artists.org/u/dk8)\
**Post date:** [September 4, 2023, 5:54pm UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/14 "2023-09-04T17:54:41Z")

</div>

If you want to adjust the color of the scrollbars, save the following text, change the extension to “.qss” and load it with the style sheet loader.

```auto
QScrollBar:horizontal {
    border: 2px solid black;
    background: #404040;
    height: 18px;
    margin: 0px 0px 0px 0px;
}
QScrollBar::handle:horizontal {
    background: #ff5500;
    min-width: 20px;
}

QScrollBar:vertical {
    border: 2px solid black;
    background: #404040;
    width: 18px;
    margin: 0px 0px 0px 0px;
}
QScrollBar::handle:vertical {
    background: #ff5500;
    min-height: 20px;
}

```

You can change the design by changing the numbers or words in the text.

---

<div class="post-metadata">

**Author:** ![Lizard\_Olmighty](https://krita-artists.org/user_avatar/krita-artists.org/lizard_olmighty/32/88459_2.png) [@Lizard\_Olmighty](https://krita-artists.org/u/Lizard_Olmighty)\
**Post date:** [September 5, 2023, 11:43am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/15 "2023-09-05T11:43:28Z")

</div>

> [@dk8](#):
>
> ```auto
> QScrollBar:horizontal {
> border: 2px solid black;
> background: #404040;
> height: 18px;
> margin: 0px 0px 0px 0px;
> }
> QScrollBar::handle:horizontal {
> background: #ff5500;
> min-width: 20px;
> }
> 
> QScrollBar:vertical {
> border: 2px solid black;
> background: #404040;
> width: 18px;
> margin: 0px 0px 0px 0px;
> }
> QScrollBar::handle:vertical {
> background: #ff5500;
> min-height: 20px;
> }
> 
> ```

Thanks bro. Very helpfull.

---

<div class="post-metadata">

**Author:** ![system](https://krita-artists.org/uploads/default/original/1X/e446d8b3077ddf6dfb5b2cd65199c20095b47dcf.png) [@system](https://krita-artists.org/u/system)\
**Post date:** [September 9, 2023, 11:43am UTC](https://krita-artists.org/t/make-contrast-or-different-color-bar/73244/16 "2023-09-09T11:43:53Z")

</div>

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.