🚀JetThemeレイアウト画面のオレンジ色を変える

JetThemeのレイアウト画面

既にやってる人も居るかもしれませんが

該当部分

<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
body#layout .section h4 {
display: none;
}
body#layout.ltr div.section {
border: 0 none;
margin: 0;
}
body#layout .no-items {
display: block;
}
body#layout.ltr div.layout-widget-description {
font-size: 10px;
}
body#layout.ltr .draggable-widget .widget-wrap3{
margin:0;
}
body#layout:before {
background-color: #f67938;
border-radius: 30px;
color: #fff;
content: "JetTheme Version 2.9";
display: block;
font-family: Roboto,sans-serif;
padding: 10px 20px;
position: absolute;
right: 15px;
top: 15px;
}
body#layout #header:before,
body#layout #blog-post:before,
body#layout #sidebar-static:before,
body#layout #sidebar-sticky:before,
body#layout #footer:before,
body#layout #before-blog:before,
body#layout #after-blog:before,
body#layout #before-post:before,
body#layout #jet-options:before,
body#layout #ads-post:before {
font-family: Roboto,sans-serif;
background-color: #f67938;
color: #fff;
display: block;
padding: 10px;
}
body#layout #header:before {
content: "Header";
}
body#layout #blog-post:before {
content: "Post";
}
body#layout #sidebar-static:before {
content: "Sidebar ";
}
body#layout #sidebar-sticky:before {
content: "Sticky Sidebar";
}
body#layout #footer:before {
content: "Footer";
}
body#layout #before-blog:before {
content: "Before Blog";
}
body#layout #after-blog:before {
content: "After Blog";
}
body#layout #before-post:before {
content: "Before Post";
}
body#layout #jet-options:before {
content: "JetTheme Settings";
}
body#layout #ads-post:before {
content: "Advertisements Inner Post";
}
body#layout #header-main {
display: flex;
}
body#layout #header-main>.widget {
width: 50%;
}
]]></b:template-skin>
</b:if>

色を変えればokですね
一括で置換している人には今更な話題かもしれませんが

テスト用テンプレートとの管理が楽になります

関連ツール

• HTML Online Color Generator