Theme Accent Color

androidtandroidt Registered Users Posts: 71 Big grins
edited March 14, 2015 in SmugMug Customization
In my site theme I have a blue-gray accent color set. On my Services page the titles for each paragraph are set to use the accent color set by the theme. The problem is that the text is a much lighter shade than the accent color. I did a print screen and pasted it into photoshop to measure the color. The title text reads as color #9cc4ff whereas the theme is set to an accent color of #617b9f.

If I change the theme accent color to red, the title color changes to red but again it is several shades lighter than what it should be.

Any idea what is causing this?

Andrew
AndrewThomasArt

Comments

  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited March 13, 2015
    Maybe an opacity set somewhere for that gallery? Or maybe page?
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited March 13, 2015
    My browser, inspecting element, reports #D40000 for Services page par. titles. Got a link to anther page with the other color?

    .sm-user-ui .sm-accent, .sm-user-ui h1.sm-accent, .sm-user-ui h2.sm-accent, .sm-user-ui h3.sm-accent, .sm-user-ui h4.sm-accent, .sm-user-ui h5.sm-accent {
    color: #D40000;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • androidtandroidt Registered Users Posts: 71 Big grins
    edited March 14, 2015
    Allen wrote: »
    My browser, inspecting element, reports #D40000 for Services page par. titles. Got a link to anther page with the other color?

    .sm-user-ui .sm-accent, .sm-user-ui h1.sm-accent, .sm-user-ui h2.sm-accent, .sm-user-ui h3.sm-accent, .sm-user-ui h4.sm-accent, .sm-user-ui h5.sm-accent {
    color: #D40000;}

    Hi Allen, My browser shows the titles as #D40000 as well even though the theme accent color is set to #6e0000. I have used CSS to add hover colors to the nav bar and social icons and had to use the two different shades of red to get them to match on screen. To rule out that any of my modifications could be causing this, I started with a new Osiris theme. I added a title to the page and set it to be the accent color. The following image shows the results. The green text is about 30% lighter than the theme accent color. I played around with the Alpha Sliders within the theme and none of them affected the title text. I did the same process with the Ludwig theme and had the same result.

    Seems to me this is something SmugMug is doing on their end....

    i-nGtV9F6-L.jpg
    AndrewThomasArt
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited March 14, 2015
    I saw that behavior on my site as well. The behavior is part of the coding to the theme. It's not fixable using the swatch chooser, I recall was the answer.

    I can't remember what I did... I think like you I just tweaked to get close.
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited March 14, 2015
    I found the thread where I brought up the same issue:
    http://dgrin.com/showthread.php?t=241931&highlight=theme+color
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited March 14, 2015
    In my foggy recollection - is the fix to control the color in the site-wide CSS? I'm not the person who could help with that, but it may be the answer.
  • androidtandroidt Registered Users Posts: 71 Big grins
    edited March 14, 2015
    Thanks for the confirmation ChancyRat.
    AndrewThomasArt
Sign In or Register to comment.