settings

code:style.css

@import "/api/code/open-color/css/open-color.css"; /* */

body{

--body-bg: var(--oc-red-1, pink);

--page-bg: var(--oc-gray-1, white);

--navbar-bg: var(--oc-red-4, red);

--navbar-icon-color: var(--oc-gray-4, gray);

--new-button-bg: var(--oc-red-2, red);

--new-button-horizontal-color: var(--oc-red-4, red);

--new-button-vertical-color: var(--oc-red-4, red);

--new-button-hover-bg: var(--oc-red-0, white);

--new-button-active-bg : var(--oc-red-6, red);

--search-form-bg: var(--oc-red-2, pink);

--search-form-icon-color : var(--oc-red-6, red);

--search-form-icon-focus-color : var(--oc-gray-4, gray);

/* --tool-text-color: var(--oc-gray-4, gray); /* */

--tool-color: var(--oc-gray-4, gray);

}

code:style.css

.brand-icon {

display: block;

flex-shrink: 0;

height: 36px;

aspect-ratio: 1 / 1; /* */

padding: 2px 0px 2px 0px;

background-image: var(--logo-url, url("/assets/img/logo_gray.svg")); /* */

background-repeat: no-repeat;

background-size: cover; /* */

background-position: center bottom;

background-color: var(--oc-gray-1, white); /* */

border-radius: 5px; /* 角丸 */

}

.brand-icon svg { display: none; } /* */

.brand-icon:hover {

height: 64px;

background-color: var(--oc-red-2, white); /* */

}