Color of links in the content

Hello,

Understanding color management in Solo is crucial, as it varies significantly by region. Each region is designated with 15 unique color fields. Additionally, colors for standard links and menu links differ.

Please refer to the included video for guidance on applying the recommended practices. All color variables are available in the 'solo-subtheme-style.css' file, and you can customize these variables for any region as needed.

Variable Definitions:

  --r-bg: Controls the background color.
  --r-tx: Determines the color of the text.
  --r-h1: Sets the color for h1, h2, and h3 headings.
  --r-lk: Changes the link text color.
  --r-lk-h: Alters the hover color of link text.
  --r-br: Specifies the border color.
  --r-bg-fr: Defines the background color of input forms.
  --r-tx-lk: Adjusts the menu link text color.
  --r-tx-lk-h: Modifies the hover color of menu link text.
  --r-bg-lk: Sets the menu link background color.
  --r-bg-lk-h: Changes the hover background color of menu links.
  --r-tx-bt: Determines the button text color.
  --r-tx-bt-h: Alters the button text color on hover.
  --r-bg-bt: Specifies the button background color.
  --r-bg-bt-h: Sets the button background color on hover.

Regions Names, each region has an ID and a Class with the same name.
You can use .page-wrapper or #page-wrapper

#page-wrapper {}
#primary-sidebar-menu {}
#fixed-search-block {}
#popup-login-block {}
#header {}
#primary-menu {}
#welcome-text {}
#top-container {}
#top-box-first {}
#top-box-second {}
#top-box-third {}
#system-messages {}
#breadcrumb {}
#page-title {}
#main-container {}
#sidebar-box-first {}
#sidebar-box-main {}
#sidebar-box-second {}
#bottom-container {}
#bottom-box-first {}
#bottom-box-second {}
#bottom-box-third {}
#bottom-box-fourth {}
#footer-container {}
#footer-box-first {}
#footer-box-second {}
#footer-box-third {}
#footer-menu {}
#copyright {}

Examples:

#page-wrapper {
  --r-bg: #fefffc;
  --r-tx: #4c5866;
  --r-h1: #2a3439;
  --r-lk: #8a3324;
  --r-lk-h: #79443b;
  --r-br: #f4f5f0;
  --r-bg-fr: #f8f4ff;
  --r-tx-lk: #2c3e4c;
  --r-tx-lk-h: #1520a6;
  --r-bg-lk:#F2F7FD;
  --r-bg-lk-h: #f8f8e8;
  --r-tx-bt: #354a21;
  --r-tx-bt-h: #597d35;
  --r-bg-bt: #edf1fe;
  --r-bg-bt-h: #efece1;
  }

Best wishes
Alaa

I haven't solved it.

1. Links in the content
- I thought there was some animated effect like in the menu links, since in every part of the site there are special effects.
- There is the #page-wrapper region, but there is no #content region.
- In the content options there is the color of the link text (which I applied), but not the color of the link background.

2. Buttons
In “Edit” the button text has the correct color. In “View” the color of the content link prevails.

Thank you and greetings

Hello,

For standard links that aren't part of list items or buttons—such as those found within a paragraph—there are no animations. Their settings are configured as follows: (Text Link) and (Text Link Hover).

Links contained within a menu should be encapsulated within