I want to change the Gesior layout color

[douglasscherner]

Hello guys. My layout from Gesior ir darkness and ugly.
I am trying change the color without sucess.




I want to change the color for this:



I am using GitHub - opentibiabr/gesior-aac: GesiorAAC for OpenTibia community, compatible with Canary and OTServBR-Global. (https://github.com/opentibiabr/gesior-aac)

Can some one help me?
Thanks.

 

[Rombadr]

layouts/tibiacom/SCSS/basic/_basic.scss
line #643

background-color: rgb(13, 46, 43);

 

[douglasscherner]

Not works.

.Submenu {
position: relative;
margin: 0 auto;
background-color: #0D2E2B;
}

I changed to:

.Submenu {
position: relative;
margin: 0 auto;
background-color: rgb(13, 46, 43);
}

But nothing

Post automatically merged: Jul 15, 2022

So fellow I use this in layout.php

<link href="<?PHP echo $layout_name; ?>/basic.css" rel="stylesheet" type="text/css">

and in basic.css this:

.Submenu {
position: relative;
margin-left: 5px;
margin-right: 5px;
background-color: #0D2E2B;
width: 160px;
}

.Submenuitem {
position: relative;
margin: 0px;
padding: 0px;
}

.ActiveSubmenuItemIcon {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
visibility: hidden;
}

.SubmenuitemLabel {
margin: 0px;
border-top: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: 1px solid #4b7874;
overflow: hidden;
}

/* Submenu links */
.Submenu a:link { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus { color: #d7d7d7; text-decoration: none; }
.Submenu a:active { color: white; text-decoration: none; }
.Submenu a:hover { color: white; text-decoration: none; }

/** -----

The result was this:




But when I put the mouse button over this option the color changed:



Can you help me?

 

[douglasscherner]

bump

 

[douglasscherner]

bump

Post automatically merged: Jul 17, 2022

I found thanks for me.

initialize.js change for this:

// mouse-over effects of menubuttons and submenuitems
function MouseOverMenuItem(source)
{
  source.firstChild.style.visibility = "visible";
}
function MouseOutMenuItem(source)
{
  source.firstChild.style.visibility = "hidden";
}
function MouseOverSubmenuItem(source)
{
  source.style.backgroundColor = "#14433F";
}
function MouseOutSubmenuItem(source)
{
  source.style.backgroundColor = "#0D2E2B";
}

and in .css scripts:

.Submenu {
    position: relative;
    margin: 0 auto;
    background-color: #0D2E2B
}

.ActiveSubmenuItemIcon {
    position: absolute;
    top: 4px;
    left: 10px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    visibility: hidden
}

.SubmenuitemLabel {
    margin: 0;
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 23px;
    border-bottom: 1px solid #4b7874;
    overflow: hidden
}

/* Submenu links */
.Submenu a:link    { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus   { color: #d7d7d7; text-decoration: none; }
.Submenu a:active  { color: white; text-decoration: none; }
.Submenu a:hover   { color: white; text-decoration: none; }