Trying to make Youtube coloros theme

I'm tryng to make my theme for YT but i get:
There were problems with the following fields:

Style code has an error - can not match: '#secondary.ytd-two-column-browse-results-renderer {
overflow-y: auto;
background-color: #ffffff;
height: 100%;
position: fixed;
right: 0;
}

yt-icon.yt-player-error-message-renderer {
--iron-icon-fill-color: hsl(0, 0%, 100%);
width: 144px;
height: 144px;
}

yt-playability-error-supported-renderers {
display: block;
background: white;
-ms-flex: var(--layout-flex_-_-ms-flex);
-webkit-flex: var(--layout-flex_-_-webkit-flex);
flex: var(--layout-flex_-_flex);
-webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis);
flex-basis: var(--layout-flex_-_flex-basis);
display: var(--layout-vertical_-_display, block);
-ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction);
-webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction);
flex-direction: var(--layout-vertical_-_flex-direction);
}

.reason.yt-player-error-message-renderer {
color: #000;
font-size: var(--ytd-channel-title_-_font-size);
font-weight: var(--ytd-channel-title_-_font-weight);
line-height: var(--ytd-channel-title_-_line-height);
}

yt-button-renderer.style-dark-on-black[is-paper-button] {
background-color: #2ad181;
border: none;
color: hsl(0, 0%, 100%);
}

yt-button-renderer[is-paper-button] {
border-radius: 20px;
margin: var(--yt-button-margin, 0 0.29em);
}

#avatar.ytd-video-owner-renderer {
margin-right: 16px;
width: 48px;
height: 48px;
border-radius: 1px;
background-color: transparent;
overflow: hidden;
}

ytd-feed-filter-chip-bar-renderer {
border-top: 2px solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
background-color: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0);
color: var(--yt-spec-text-primary);
padding: 0 var(--ytd-margin-3x);
transition: background-color 0.5s cubic-bezier(0.05, 0.0, 0.0, 1);
}

yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #2ad181;
color: var(--yt-spec-text-primary-inverse);
}

ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #2ad181;
}

ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer {
color: #2ad181;
}

ytd-rich-shelf-renderer {
border-top: 4px solid rgba(0, 0, 0, 0);
width: 100%;
overflow-x: hidden;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

#show-more-button.ytd-rich-shelf-renderer {
border-bottom: 4px solid rgba(0, 0, 0, 0);
cursor: pointer;
padding: 2px 0;
width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

#title.ytd-rich-shelf-renderer {
color: #2ad181;
font-size: 3rem;
font-weight: 500;
line-height: 4.4rem;
}

ytd-post-renderer[uses-compact-lockup_] {
--yt-img-border-radius: 2px;
padding: 12px 24px 0 24px;
border: 1px solid rgba(0, 0, 0, 0);
max-width: 386px;
width: 386px;
height: 196px;
background-color: #2ad1813d;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
border-radius: 20px;
}

#search-icon-legacy.ytd-searchbox {
cursor: pointer;
width: 65px;
border: 1px solid #ffffff00;
background-color: #2ad181;
border-radius: 0 20px 20px 0;
margin: 0;
--yt-icon-button-icon-width: 24px;
--yt-icon-button-icon-height: 24px;
}

#container.ytd-searchbox {
position: relative;
align-items: center;
background-color: #2ad18152;
border: 1px solid #fff0;
border-right: none;
border-radius: 20px 0 0 20px;
box-shadow: inset 0 1px 2px #eee0;
color: var(--yt-searchbox-text-color);
padding: 2px 6px;
-ms-flex: 1 1 1e-9px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 1e-9px;
flex-basis: 1e-9px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}

ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #2ad181;
}'.
Any way to fix this?

Comments

Sign In or Register to comment.