admin page color theme change
This commit is contained in:
parent
0c471e3c74
commit
3d28b1d9f0
GPG key ID:
094B0E55F98D8BF1
6 changed files with 54 additions and 40 deletions
|
|
@ -57,7 +57,7 @@ add_stylesheet(get_embed_file("css", G5_PATH . "/adm/css/addon_config.css"), 1);
|
|||
애드온 제작자
|
||||
</th>
|
||||
<td>
|
||||
<?= $addon->link ? "<a href=\"" . $addon->link . "\" target=\"_blank\">" . $addon->author . "</a>" : $addon->author ?>
|
||||
<?= $addon->link ? "<a href=\"" . $addon->link . "\" target=\"_blank\">" . $addon->author . "</a> <span style=\"font-size: 11px\">[{$addon->link}]</span>" : $addon->author ?>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ th a {
|
|||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 3px 10px;
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-a);
|
||||
color: #fff;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
|
@ -37,7 +37,7 @@ th a+a {
|
|||
min-width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #d18686;
|
||||
border: 1px solid var(--theme-color-d);
|
||||
border-radius: 4px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
|
@ -48,12 +48,12 @@ th a+a {
|
|||
}
|
||||
|
||||
.addon_config>nav>a.selected {
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-a);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.addon_config>nav>span {
|
||||
background: #d18686;
|
||||
background: var(--theme-color-d);
|
||||
color: #FFF;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
|
@ -66,5 +66,5 @@ th a+a {
|
|||
}
|
||||
|
||||
td a {
|
||||
color: #d18686;
|
||||
color: var(--theme-color-d);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,16 @@
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
:root {
|
||||
--theme-color-0: #FFF8F0;
|
||||
--theme-color-a: #edd0b6;
|
||||
--theme-color-b: #e3bb82;
|
||||
--theme-color-c: #c7996b;
|
||||
--theme-color-d: hsl(30, 72%, 55%);
|
||||
--theme-color-d-gnb: hsla(30, 72%, 55%, .2);
|
||||
--theme-color-e: hsl(30, 75%, 40%);
|
||||
}
|
||||
|
||||
/* 초기화 */
|
||||
html {
|
||||
overflow-y: scroll
|
||||
|
|
@ -205,7 +215,7 @@ label+input {
|
|||
margin-bottom: 5px;
|
||||
font-size: 11px;
|
||||
font-family: 'Dotum';
|
||||
color: #ebb4ab;
|
||||
color: var(--theme-color-d);
|
||||
}
|
||||
|
||||
.single-info .frm_info {
|
||||
|
|
@ -270,7 +280,7 @@ label+input {
|
|||
padding: 0 10px 0 0;
|
||||
margin-right: 10px;
|
||||
text-decoration: none;
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
}
|
||||
|
||||
.ov_listall:before {
|
||||
|
|
@ -285,16 +295,16 @@ label+input {
|
|||
}
|
||||
|
||||
.local_desc {
|
||||
background: #fff0f0;
|
||||
background: var(--theme-color-0);
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ecc6c6;
|
||||
border: 1px solid var(--theme-color-a);
|
||||
color: #5b5b5a;
|
||||
margin-bottom: 10px;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.local_desc .point {
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
}
|
||||
|
||||
.local_desc.pos-top {
|
||||
|
|
@ -332,9 +342,9 @@ label+input {
|
|||
}
|
||||
|
||||
.pg_wrap strong {
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #fff;
|
||||
border-color: #d18686;
|
||||
border-color: var(--theme-color-c);
|
||||
}
|
||||
|
||||
.pg_wrap .pg_control {
|
||||
|
|
@ -381,7 +391,7 @@ label+input {
|
|||
.btn_list button,
|
||||
.btn_list input {
|
||||
display: inline-block;
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
|
|
@ -400,7 +410,7 @@ label+input {
|
|||
.btn_add button,
|
||||
.btn_add input {
|
||||
display: inline-block;
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
|
|
@ -412,7 +422,7 @@ label+input {
|
|||
|
||||
.btn_frmline {
|
||||
display: inline-block;
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
padding: 0 15px;
|
||||
|
|
@ -425,7 +435,7 @@ label+input {
|
|||
|
||||
.btn_del_menu {
|
||||
display: inline-block;
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
border: none;
|
||||
|
|
@ -572,7 +582,7 @@ table {
|
|||
}
|
||||
|
||||
.tbl_head01 tbody td a {
|
||||
color: #d18686;
|
||||
color: var(--theme-color-a);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -717,7 +727,7 @@ table {
|
|||
}
|
||||
|
||||
.ajax-list-box li a p.point {
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
}
|
||||
|
||||
.ajax-list-box li a:hover {
|
||||
|
|
@ -758,7 +768,7 @@ table {
|
|||
top: -8px;
|
||||
left: 0;
|
||||
height: 15px;
|
||||
background: #d18686
|
||||
background: var(--theme-color-c)
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ body {
|
|||
top: 0;
|
||||
width: 200px;
|
||||
min-height: 100%;
|
||||
background: #1d1d1f;
|
||||
background: #0d1117;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
|
|
@ -29,7 +29,7 @@ body {
|
|||
bottom: 0;
|
||||
right: 0;
|
||||
width: 1px;
|
||||
background: #171b26;
|
||||
background: #0d1117;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
|
@ -39,8 +39,7 @@ body {
|
|||
width: 200px;
|
||||
height: 100px;
|
||||
padding-bottom: 30px;
|
||||
background: #ecc6c6;
|
||||
border-right: 1px solid #d18686;
|
||||
background: var(--theme-color-e);
|
||||
box-sizing: border-box;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
@ -65,7 +64,7 @@ body {
|
|||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 1.0em;
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
|
@ -129,8 +128,7 @@ body {
|
|||
right: 0;
|
||||
height: 71px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #131a24;
|
||||
background: #1d1d1f;
|
||||
background: #0d1117;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
|
|
@ -189,7 +187,7 @@ body {
|
|||
}
|
||||
|
||||
.list_confirm>* {
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #FFF;
|
||||
cursor: pointer;
|
||||
min-width: 64px;
|
||||
|
|
@ -209,13 +207,13 @@ body {
|
|||
float: left;
|
||||
border: none;
|
||||
border-left: 1px solid rgba(255, 255, 255, .1);
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-a);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn_confirm>*.ty2 {
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
}
|
||||
|
||||
.btn_confirm>*.ty3 {
|
||||
|
|
@ -285,11 +283,17 @@ body {
|
|||
}
|
||||
|
||||
#gnb .gnb_2dli.check {
|
||||
background: #e7614820;
|
||||
background: var(--theme-color-d-gnb);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#gnb .gnb_2dli.check>a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#gnb .gnb_2dli.check>a:before {
|
||||
color: #e76148;
|
||||
color: var(--theme-color-d);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#gnb .gnb_2dli>a:hover {
|
||||
|
|
@ -335,7 +339,7 @@ body {
|
|||
|
||||
#fsearch .btn_submit {
|
||||
border: none;
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-a);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
width: 50px;
|
||||
|
|
@ -351,7 +355,7 @@ body {
|
|||
.new_win_desc {
|
||||
padding: 10px;
|
||||
margin: 20px 0;
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-a);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -364,7 +368,7 @@ body {
|
|||
}
|
||||
|
||||
.win-guide em {
|
||||
color: #d18686;
|
||||
color: var(--theme-color-c);
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
padding: 0 10px;
|
||||
|
|
@ -377,7 +381,7 @@ body {
|
|||
|
||||
.btn_win02>* {
|
||||
display: inline-block;
|
||||
background: #d18686;
|
||||
background: var(--theme-color-c);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
height: 30px;
|
||||
|
|
|
|||
|
|
@ -66,13 +66,13 @@ $editor_list = [];
|
|||
background: rgba(255, 255, 255, .4) !important;
|
||||
border: none !important;
|
||||
outline: 0;
|
||||
color: #d18686 !important;
|
||||
color: var(--theme-color-d) !important;
|
||||
}
|
||||
|
||||
th em {
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
color: #d18686;
|
||||
color: var(--theme-color-d);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -88,7 +88,7 @@ $editor_list = [];
|
|||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 3px 10px;
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-b);
|
||||
color: #fff;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ EventHandler::triggerEvent("amber.admin.editor_font_form_before");
|
|||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 3px 10px;
|
||||
background: #ecc6c6;
|
||||
background: var(--theme-color-b);
|
||||
color: #fff;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue