# Working on the GUI

**URL:** <https://bisq.community/t/working-on-the-gui/695>\
**Category:** Development\
**Created:** [September 27, 2016, 2:28pm UTC](https://bisq.community/t/working-on-the-gui/695 "2016-09-27T14:28:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![coinstash](https://bisq.community/user_avatar/bisq.community/coinstash/32/213_2.png) [@coinstash](https://bisq.community/u/coinstash)\
**Post date:** [September 27, 2016, 2:28pm UTC](https://bisq.community/t/working-on-the-gui/695/1 "2016-09-27T14:28:54Z")

</div>

Hi guys,

For the last few days I’ve been mainly working to improve the GUI. Biggest reason for this is I have a 1024x768 IBM T60 laptop and the screen was being compressed, with overlapping icons in the menu bar.

This will also be good news for users of the larger Android tablets I expect.

It’s starting to look pretty good, even if I do say so myself.

 ![](https://bisq.community/uploads/default/original/1X/6a101abfb4c0cd96c476b51a93c0bdac7fa556fe.png)

---

<div class="post-metadata">

**Author:** ![ManfredKarrer](https://bisq.community/user_avatar/bisq.community/manfredkarrer/32/26_2.png) [@ManfredKarrer](https://bisq.community/u/ManfredKarrer)\
**Post date:** [September 28, 2016, 9:16am UTC](https://bisq.community/t/working-on-the-gui/695/2 "2016-09-28T09:16:07Z")

</div>

Feel free to make a PR…

---

<div class="post-metadata">

**Author:** ![coinstash](https://bisq.community/user_avatar/bisq.community/coinstash/32/213_2.png) [@coinstash](https://bisq.community/u/coinstash)\
**Post date:** [September 28, 2016, 9:17am UTC](https://bisq.community/t/working-on-the-gui/695/3 "2016-09-28T09:17:25Z")

</div>

Sure, but I’ll wait until I get a price feed for Verge working. 🙂

Maybe a few more days.

---

<div class="post-metadata">

**Author:** ![coinstash](https://bisq.community/user_avatar/bisq.community/coinstash/32/213_2.png) [@coinstash](https://bisq.community/u/coinstash)\
**Post date:** [September 29, 2016, 5:51pm UTC](https://bisq.community/t/working-on-the-gui/695/4 "2016-09-29T17:51:22Z")

</div>

Manfred, where can I find the colour selection for the shaded area in the spread chart on the Offer Book view? That orange is really pale and I want to make it a little darker but I’ve looked everywhere and can’t locate where to change it.

I even tried the .css sheets. :shrug:

---

<div class="post-metadata">

**Author:** ![ManfredKarrer](https://bisq.community/user_avatar/bisq.community/manfredkarrer/32/26_2.png) [@ManfredKarrer](https://bisq.community/u/ManfredKarrer)\
**Post date:** [October 5, 2016, 8:50pm UTC](https://bisq.community/t/working-on-the-gui/695/5 "2016-10-05T20:50:01Z")

</div>

I think the color is in the css but derived from a base color. Would need to search as well…

---

<div class="post-metadata">

**Author:** ![coinstash](https://bisq.community/user_avatar/bisq.community/coinstash/32/213_2.png) [@coinstash](https://bisq.community/u/coinstash)\
**Post date:** [October 10, 2016, 1:42am UTC](https://bisq.community/t/working-on-the-gui/695/6 "2016-10-10T01:42:19Z")

</div>

Fixed. Go to bitsquare.css and change this line:

-bs-buy-transparent: derive(-bs-buy, 75%); /\* was 95% \*/

And here’s the result.

 ![](https://bisq.community/uploads/default/original/1X/e1869e3c2199d404af8c5b86703518462852ca37.png)

---

<div class="post-metadata">

**Author:** ![ManfredKarrer](https://bisq.community/user_avatar/bisq.community/manfredkarrer/32/26_2.png) [@ManfredKarrer](https://bisq.community/u/ManfredKarrer)\
**Post date:** [October 12, 2016, 7:44pm UTC](https://bisq.community/t/working-on-the-gui/695/7 "2016-10-12T19:44:29Z")

</div>

I changed the color.