WordPress.org
Get WordPress

Make WordPress Core

Changeset 58784


Ignore:
Timestamp:
07/23/2024 09:57:09 AM (6 months ago)
Author:
karmatosed
Message:

Twenty Twenty: Fixes incorrect colour in editor for seperator block.

This resolves the seperator block color settings ordering. They were displaying incorrectly due to ruleset problems. This edits the order for the front end also.

Props bhaveshdesai13, aniketpatel, miguelaxcar, nidhidhandhukiya, poena, pavanpatil1, sabernhardr.
Fixes #57544.

Location:
trunk/src/wp-content/themes/twentytwenty
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    r58731 r58784  
    141141/* CUSTOM COLORS */
    142142
    143 :root .has-accent-color {
    144     color: #cd2653;
    145 }
    146 
    147143:root .has-accent-background-color {
    148144    background-color: #cd2653;
    … …  
    150146}
    151147
    152 :root .has-primary-color {
    153     color: #000;
    154 }
    155 
    156148:root .has-primary-background-color {
    157149    background-color: #000;
    … …  
    159151}
    160152
    161 :root .has-secondary-color {
    162     color: #6d6d6d;
    163 }
    164 
    165153:root .has-secondary-background-color {
    166154    background-color: #6d6d6d;
    … …  
    168156}
    169157
    170 :root .has-subtle-background-color {
    171     color: #dcd7ca;
    172 }
    173 
    174158:root .has-subtle-background-background-color {
    175159    background-color: #dcd7ca;
    … …  
    177161}
    178162
    179 :root .has-background-color {
    180     color: #f5efe0;
    181 }
    182 
    183163:root .has-background-background-color {
    184164    background-color: #f5efe0;
    185165    color: #000;
     166}
     167
     168:root .has-accent-color {
     169    color: #cd2653;
     170}
     171
     172:root .has-primary-color {
     173    color: #000;
     174}
     175
     176:root .has-secondary-color {
     177    color: #6d6d6d;
     178}
     179
     180:root .has-subtle-background-color {
     181    color: #dcd7ca;
     182}
     183
     184:root .has-background-color {
     185    color: #f5efe0;
    186186}
    187187

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    r58731 r58784  
    141141/* CUSTOM COLORS */
    142142
    143 :root .has-accent-color {
    144     color: #cd2653;
    145 }
    146 
    147143:root .has-accent-background-color {
    148144    background-color: #cd2653;
    … …  
    150146}
    151147
    152 :root .has-primary-color {
    153     color: #000;
    154 }
    155 
    156148:root .has-primary-background-color {
    157149    background-color: #000;
    … …  
    159151}
    160152
    161 :root .has-secondary-color {
    162     color: #6d6d6d;
    163 }
    164 
    165153:root .has-secondary-background-color {
    166154    background-color: #6d6d6d;
    … …  
    168156}
    169157
    170 :root .has-subtle-background-color {
    171     color: #dcd7ca;
    172 }
    173 
    174158:root .has-subtle-background-background-color {
    175159    background-color: #dcd7ca;
    … …  
    177161}
    178162
    179 :root .has-background-color {
    180     color: #f5efe0;
    181 }
    182 
    183163:root .has-background-background-color {
    184164    background-color: #f5efe0;
    185165    color: #000;
     166}
     167
     168:root .has-accent-color {
     169    color: #cd2653;
     170}
     171
     172:root .has-primary-color {
     173    color: #000;
     174}
     175
     176:root .has-secondary-color {
     177    color: #6d6d6d;
     178}
     179
     180:root .has-subtle-background-color {
     181    color: #dcd7ca;
     182}
     183
     184:root .has-background-color {
     185    color: #f5efe0;
    186186}
    187187

  • trunk/src/wp-content/themes/twentytwenty/style-rtl.css

    r58778 r58784  
    27352735/* CUSTOM COLORS */
    27362736
    2737 :root .has-accent-color {
    2738     color: #cd2653;
    2739 }
    2740 
    27412737:root .has-accent-background-color {
    27422738    background-color: #cd2653;
    … …  
    27442740}
    27452741
    2746 :root .has-primary-color {
    2747     color: #000;
    2748 }
    2749 
    27502742:root .has-primary-background-color {
    27512743    background-color: #000;
    … …  
    27532745}
    27542746
    2755 :root .has-secondary-color {
    2756     color: #6d6d6d;
    2757 }
    2758 
    27592747:root .has-secondary-background-color {
    27602748    background-color: #6d6d6d;
    … …  
    27622750}
    27632751
    2764 :root .has-subtle-background-color {
    2765     color: #dcd7ca;
    2766 }
    2767 
    27682752:root .has-subtle-background-background-color {
    27692753    background-color: #dcd7ca;
    … …  
    27712755}
    27722756
    2773 :root .has-background-color {
    2774     color: #f5efe0;
    2775 }
    2776 
    27772757:root .has-background-background-color {
    27782758    background-color: #f5efe0;
    27792759    color: #000;
     2760}
     2761
     2762:root .has-accent-color {
     2763    color: #cd2653;
     2764}
     2765
     2766:root .has-primary-color {
     2767    color: #000;
     2768}
     2769
     2770:root .has-secondary-color {
     2771    color: #6d6d6d;
     2772}
     2773
     2774:root .has-subtle-background-color {
     2775    color: #dcd7ca;
     2776}
     2777
     2778:root .has-background-color {
     2779    color: #f5efe0;
    27802780}
    27812781

  • trunk/src/wp-content/themes/twentytwenty/style.css

    r58778 r58784  
    27512751/* CUSTOM COLORS */
    27522752
    2753 :root .has-accent-color {
    2754     color: #cd2653;
    2755 }
    2756 
    27572753:root .has-accent-background-color {
    27582754    background-color: #cd2653;
    … …  
    27602756}
    27612757
    2762 :root .has-primary-color {
    2763     color: #000;
    2764 }
    2765 
    27662758:root .has-primary-background-color {
    27672759    background-color: #000;
    … …  
    27692761}
    27702762
    2771 :root .has-secondary-color {
    2772     color: #6d6d6d;
    2773 }
    2774 
    27752763:root .has-secondary-background-color {
    27762764    background-color: #6d6d6d;
    … …  
    27782766}
    27792767
    2780 :root .has-subtle-background-color {
    2781     color: #dcd7ca;
    2782 }
    2783 
    27842768:root .has-subtle-background-background-color {
    27852769    background-color: #dcd7ca;
    … …  
    27872771}
    27882772
    2789 :root .has-background-color {
    2790     color: #f5efe0;
    2791 }
    2792 
    27932773:root .has-background-background-color {
    27942774    background-color: #f5efe0;
    27952775    color: #000;
     2776}
     2777
     2778:root .has-accent-color {
     2779    color: #cd2653;
     2780}
     2781
     2782:root .has-primary-color {
     2783    color: #000;
     2784}
     2785
     2786:root .has-secondary-color {
     2787    color: #6d6d6d;
     2788}
     2789
     2790:root .has-subtle-background-color {
     2791    color: #dcd7ca;
     2792}
     2793
     2794:root .has-background-color {
     2795    color: #f5efe0;
    27962796}
    27972797
Note: See TracChangeset for help on using the changeset viewer.