Recommended Posts

Hi all! I'm back! :D :laugh: Been busy last several weeks, didn't have the time to visit this forum.

I have a very simple question for now: How can I change the default text color in the search-box (see print screen) ? Thanks!

post-344974-12898531133155.jpg

Hi all! I'm back! :D :laugh: Been busy last several weeks, didn't have the time to visit this forum.

I have a very simple question for now: How can I change the default text color in the search-box (see print screen) ? Thanks!

Just throw this code into Stylish and modify it to your likings. :)

.searchbar-textbox {
    color: rgba(0,0,0,.8) !important;
}

Just throw this code into Stylish and modify it to your likings. :)

.searchbar-textbox {
    color: rgba(0,0,0,.8) !important;
}

Thanks mate, but I meant also (or only) the default text (the one that says "wikipedia" or "google" when you are not typing anything)...

So how may I change that also?

Thanks mate, but I meant also (or only) the default text (the one that says "wikipedia" or "google" when you are not typing anything)...

So how may I change that also?

#searchbar .textbox-input:-moz-placeholder {
color: red !important;
}

Foxxyn "save" me please! Found a "bug"...

On my Nav-Bar if I place a normal button, it's getting my style... But If I place a button with 2 functions, not getting my style

2v9f2ue.jpg

And this is my style:

#nav-bar .toolbarbutton-1:not(#back-button) {
 padding: 1px 5px !important;
 margin: 1px 3px !important;
 border-radius: 1px !important;
 height: 25px !important;
}

Foxxyn "save" me please! Found a "bug"...

On my Nav-Bar if I place a normal button, it's getting my style... But If I place a button with 2 functions, not getting my style

2v9f2ue.jpg

try this:

#nav-bar .toolbarbutton-1:not(#back-button) {
  padding: 1px 5px !important;
  margin: 1px 3px !important;
  border: 1px solid rgba(0, 0, 0, 0.19) !important;
  border-radius: 1px !important;
  height: 25px !important;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.15) 0px 1px 0px 0px !important;
  background-image: -moz-linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0.47) 49%, rgba(231, 232, 233, 0.45) 51%, rgba(225, 226, 229, 0.3)) !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

:(

Now it's unified and a bit bigger... Can we make it exactly like when it's on my add-on bar?

nwil1g.jpg

#nav-bar .toolbarbutton-1:not(#back-button) {
 margin: 1px 3px !important;
 border-radius: 1px !important;
 height: 25px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
 border: 1px solid rgba(0, 0, 0, 0.19) !important;
 border-radius: 1px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
border-right: 0 !important;
}

post-350326-12899288295678.jpg

  • 2 weeks later...

Foxxyn... I've custom Windows Theme and you know, there is a problem with FF and its colors.

Can you give me the code for normal Menu Colors? Half-White and Half-Light Blue!

I searched the entire topic but didn't find it. I was pretty sure, somewhere here, someone posted it...

EDIT: NVM! Found it by extreme luck...

Well... Please someone can help me?

The Menu got its final style... The Sub-Menus of Blue Pane made blue too... The Sub-Menus of White Pane made white too...

So, can someone give me the entire final code?

Not sure what you're asking for Deo. I know you're using a custom Windows theme. Are your submenus not using the default colors? did you do this already:

Foxxyn I saw all those but I didn't manage to fix it.

Can you please give me the final code of Menu? If it's impossible...

Also I saw the code in Bugzilla but that has many things and I can't even copy-paste correctly...

Αdditionally, many custom themes have their specific colors so it's normal to become white for example... Isn't it?

Here is the code, I think...

https://bugzilla.mozilla.org/show_bug.cgi?id=589435

And here what I have now but it isn't the final which I ask for:

#appmenuPrimaryPane {
  -moz-border-end: 1px solid ThreeDShadow;
}
#appmenu-popup {
  -moz-appearance: none;
  background: white;
  border: 1px solid rgba(0,0,0,.5);
}
#appmenuPrimaryPane {
  background-color: rgba(255,255,255,0.5);
  padding: 2px;
}
#appmenuSecondaryPane {
  background-color: #f1f5fb;
  box-shadow: 1px 0 2px rgb(204,214,234) inset;
  padding-top: 2px;
  padding-bottom: 2px;
}
#appmenuSecondaryPane:-moz-locale-dir(rtl) {
  box-shadow: -1px 0 2px rgb(204,214,234) inset;
}

#appmenuPrimaryPane menupopup would be the submenus of the left pane

#appmenuSecondaryPane menupopup would be the submenus of the right pane

this is from the patch:

#appmenuPrimaryPane menupopup {
	-moz-appearance: none!important;
	background-image: -moz-linear-gradient(left, white 26px, ThreeDLightShadow 26px, ThreeDLightShadow 27px, ThreeDHighlight 27px, ThreeDHighlight 28px, white 28px)!important;
	border: 3px solid!important;
	-moz-border-top-colors: ThreeDShadow white!important;
	-moz-border-bottom-colors: ThreeDShadow white!important;
	-moz-border-left-colors: ThreeDShadow white!important;
	-moz-border-right-colors: ThreeDShadow white!important;
}

#appmenuSecondaryPane menupopup {
	-moz-appearance: none!important;
	background-image: -moz-linear-gradient(left, #f1f5fb 26px, ThreeDLightShadow 26px, ThreeDLightShadow 27px, ThreeDHighlight 27px, ThreeDHighlight 28px, #f1f5fb 28px)!important;
	border: 3px solid!important;
	-moz-border-top-colors: ThreeDShadow #f1f5fb!important;
	-moz-border-bottom-colors: ThreeDShadow #f1f5fb!important;
	-moz-border-left-colors: ThreeDShadow #f1f5fb!important;
	-moz-border-right-colors: ThreeDShadow #f1f5fb!important;
	background-color: #f1f5fb!important;
	border: 1px solid ThreeDShadow!important;
	padding: 2px!important;
	}

Well-Well... That's it!

The code that I posted above, is the final? Is the latest correct one?

according to the patch this is:

 #appmenuPrimaryPane {
   -moz-border-end: 1px solid ThreeDShadow;
 }

   #appmenu-popup {
     -moz-appearance: none;
     background: white;
     border: 1px solid ThreeDShadow;
   }

   #appmenuPrimaryPane {
     background-color: rgba(255,255,255,0.5);
     padding: 2px;
   }

   #appmenuSecondaryPane {
     background-color: #f1f5fb;
     box-shadow: 1px 0 2px rgb(204,214,234) inset;
     padding-top: 2px;
     padding-bottom: 2px;
     font-family: "Segoe UI Semibold", "Segoe UI", sans-serif;
   }

according to the patch this is:

 #appmenuPrimaryPane {
   -moz-border-end: 1px solid ThreeDShadow;
 }

   #appmenu-popup {
     -moz-appearance: none;
     background: white;
     border: 1px solid ThreeDShadow;
   }

   #appmenuPrimaryPane {
     background-color: rgba(255,255,255,0.5);
     padding: 2px;
   }

   #appmenuSecondaryPane {
     background-color: #f1f5fb;
     box-shadow: 1px 0 2px rgb(204,214,234) inset;
     padding-top: 2px;
     padding-bottom: 2px;
     font-family: "Segoe UI Semibold", "Segoe UI", sans-serif;
   }

what is this stylish code for?

Foxxyn!

I found this style: http://userstyles.org/styles/40101

And saw your comment! Tried to apply your suggestions... And look what I've got:

#urlbar {
    position: relative !important;
}

.urlbar-over-link-box[overlinkstate="fade-out"] { visibility: collapse !important; 
}

.urlbar-over-link-box {
    position: fixed !important;
    bottom: 28px !important;
    left: 5px !important;
    opacity: 0.9 !important;
    width: -moz-max-content !important;
    max-width: none !important;
    height: 22px !important;  
    padding: 2px 5px 2px 5px !important;
    border-radius:  1px !important;
    border: 1px solid #767676 !important;
    background: -moz-linear-gradient(top, #F8F8F8 , #E8E8F0) padding-box !important;
    font-family: Verdana !important;

}

.urlbar-textbox-container-children[overlinkstate]{ opacity: 1 !important; 
}

.urlbar-over-link-path-label {
    max-width: 500px !important; 
    width: -moz-max-content !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.urlbar-over-link-host-label,
.urlbar-over-link-path-label {
    color: #594E52 !important;
    font-size: 12px !important;
}

I just applied your suggestion and customized few things like "bottom: 28px !important;" and border-radius to 1, to fit well in my script.... Nothing important...

But, sometimes it doesn't work correctly... Some times not dissapearing... And if I go to Add-ons Manager a link awlays appears...

Did you refine it? Did you make it perfect? It's exactly like IE 9's and loved it!

Foxxyn!

I found this style: http://userstyles.org/styles/40101

And saw your comment! Tried to apply your suggestions... And look what I've got:

I just applied your suggestion and customized few things like "bottom: 28px !important;" and border-radius to 1, to fit well in my script.... Nothing important...

But, sometimes it doesn't work correctly... Some times not dissapearing... And if I go to Add-ons Manager a link awlays appears...

Did you refine it? Did you make it perfect? It's exactly like IE 9's and loved it!

Actually, I don't use it because it refuses to obey my transition delay settings. As far as the link which always shows on about:addons, this problem doesn't occur in the latest hourlies in which in-content-ui has landed (you'll see it in the nightly update tomorrow). In the beta you can work around it by replacing .urlbar-over-link-box with #main-window:not([stylish-url=about:addons]) .urlbar-over-link-box {.

Of course that will only work if you're using stylish.

Well, True... Now with Content UI not appearing anymore. I've latest hourly.

Few problems left... Seems appears an address randomly ( when I'm in Add-ons Manager and Trying to go to the creator's address for example )? Dunno, anyway. Since you don't use it, crap for me!

Replace what with what? That was kinda confusing...

Do you know if the final patch for UI Content will be exactly like mock-up design?

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Guess it's one of those things best used by devs to thoroughly test stuff.
    • is it all upside down there? traffic lights reverted too?
    • Bluesky COO warns social media regulations could destroy competition from small startups by Paul Hill Fears that increasing government control of social media risks regulatory capture by the biggest social media firms were raised again recently. Bluesky’s chief operating officer said in an interview that social media bans for children and tighter regulations for social media firms risk creating a world where there are only a few social media platforms run by companies with the deepest pockets. Regulations on social media firms have been very lax since they appeared for mainstream users in the 2000’s. This gave Meta, Snapchat, and Google time to build up their user bases and get entrenched, with Meta being the most successful. Now that Meta has succeeded, it has been attempting regulatory capture. By pushing for more regulations of social media, Meta hopes to make it more difficult for rivals to challenge it. For its part, it doesn’t need to worry about the cost of regulation because it has a lot of money to spend, whereas startups do not. Speaking to CNBC, Rose Wang, Bluesky’s chief operating officer, said: “I support the protection and the safety of youth, the question that we have then is at what cost, because essentially what I’m scared of is in the long term, we’re headed to a world where there’s about three to five platforms, and extreme heavy regulation of those platforms, and basically the whole compliance teams of these platforms are 10 times the size of our entire team. So, basically, we’re living in a world where it’s almost impossible for smaller entrants to come in and build healthier spaces. These platforms have led to a place where the bottom line is the thing that drives what they do... so I understand why governments have to step in and regulate, because the platforms have done nothing right.” She said that while she is not against regulation, there needs to be more channels between the small to mid-sized players and regulators to help protect them. She says that big tech players, on the other hand, “who we know are circumventing regulation,” need to be regulated. Essentially, the Bluesky position is one of nuance, rather than absolutes. While Bluesky’s proposal may preserve competition in the social media space, it still doesn’t address the massive privacy implications these age verification measures introduce, such as handing over sensitive identity documents to access age-gated content. Source: CNBC
  • Recent Achievements

    • One Month Later
      DJC50PLUS earned a badge
      One Month Later
    • Week One Done
      DJC50PLUS earned a badge
      Week One Done
    • Proficient
      Eric Biran went up a rank
      Proficient
    • Dedicated
      Conjor earned a badge
      Dedicated
    • Week One Done
      Windows Guy earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      493
    2. 2
      PsYcHoKiLLa
      249
    3. 3
      Steven P.
      71
    4. 4
      +Edouard
      70
    5. 5
      ATLien_0
      69
  • Tell a friend

    Love Neowin? Tell a friend!