admin page color theme change

This commit is contained in:
Amberstone 2024-10-04 17:57:07 +09:00
parent 0c471e3c74
commit 3d28b1d9f0
Signed by: amber
GPG key ID: 094B0E55F98D8BF1
6 changed files with 54 additions and 40 deletions

View file

@ -57,7 +57,7 @@ add_stylesheet(get_embed_file("css", G5_PATH . "/adm/css/addon_config.css"), 1);
애드온 제작자 애드온 제작자
</th> </th>
<td> <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> </td>
</tr> </tr>
<tr> <tr>

View file

@ -3,7 +3,7 @@ th a {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 3px 10px; padding: 3px 10px;
background: #ecc6c6; background: var(--theme-color-a);
color: #fff; color: #fff;
margin: 5px 0 0; margin: 5px 0 0;
} }
@ -37,7 +37,7 @@ th a+a {
min-width: 200px; min-width: 200px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 1px solid #d18686; border: 1px solid var(--theme-color-d);
border-radius: 4px; border-radius: 4px;
overflow:hidden; overflow:hidden;
} }
@ -48,12 +48,12 @@ th a+a {
} }
.addon_config>nav>a.selected { .addon_config>nav>a.selected {
background: #ecc6c6; background: var(--theme-color-a);
font-weight: bold; font-weight: bold;
} }
.addon_config>nav>span { .addon_config>nav>span {
background: #d18686; background: var(--theme-color-d);
color: #FFF; color: #FFF;
line-height: 48px; line-height: 48px;
} }
@ -66,5 +66,5 @@ th a+a {
} }
td a { td a {
color: #d18686; color: var(--theme-color-d);
} }

View file

@ -11,6 +11,16 @@
font-style: normal; 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 { html {
overflow-y: scroll overflow-y: scroll
@ -205,7 +215,7 @@ label+input {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 11px; font-size: 11px;
font-family: 'Dotum'; font-family: 'Dotum';
color: #ebb4ab; color: var(--theme-color-d);
} }
.single-info .frm_info { .single-info .frm_info {
@ -270,7 +280,7 @@ label+input {
padding: 0 10px 0 0; padding: 0 10px 0 0;
margin-right: 10px; margin-right: 10px;
text-decoration: none; text-decoration: none;
color: #d18686; color: var(--theme-color-c);
} }
.ov_listall:before { .ov_listall:before {
@ -285,16 +295,16 @@ label+input {
} }
.local_desc { .local_desc {
background: #fff0f0; background: var(--theme-color-0);
padding: 5px 10px; padding: 5px 10px;
border: 1px solid #ecc6c6; border: 1px solid var(--theme-color-a);
color: #5b5b5a; color: #5b5b5a;
margin-bottom: 10px; margin-bottom: 10px;
line-height: 1.8em; line-height: 1.8em;
} }
.local_desc .point { .local_desc .point {
color: #d18686; color: var(--theme-color-c);
} }
.local_desc.pos-top { .local_desc.pos-top {
@ -332,9 +342,9 @@ label+input {
} }
.pg_wrap strong { .pg_wrap strong {
background: #d18686; background: var(--theme-color-c);
color: #fff; color: #fff;
border-color: #d18686; border-color: var(--theme-color-c);
} }
.pg_wrap .pg_control { .pg_wrap .pg_control {
@ -381,7 +391,7 @@ label+input {
.btn_list button, .btn_list button,
.btn_list input { .btn_list input {
display: inline-block; display: inline-block;
background: #d18686; background: var(--theme-color-c);
color: #fff; color: #fff;
font-weight: 400; font-weight: 400;
text-decoration: none; text-decoration: none;
@ -400,7 +410,7 @@ label+input {
.btn_add button, .btn_add button,
.btn_add input { .btn_add input {
display: inline-block; display: inline-block;
background: #d18686; background: var(--theme-color-c);
color: #fff; color: #fff;
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
@ -412,7 +422,7 @@ label+input {
.btn_frmline { .btn_frmline {
display: inline-block; display: inline-block;
background: #d18686; background: var(--theme-color-c);
color: #fff; color: #fff;
font-weight: 400; font-weight: 400;
padding: 0 15px; padding: 0 15px;
@ -425,7 +435,7 @@ label+input {
.btn_del_menu { .btn_del_menu {
display: inline-block; display: inline-block;
color: #d18686; color: var(--theme-color-c);
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
border: none; border: none;
@ -572,7 +582,7 @@ table {
} }
.tbl_head01 tbody td a { .tbl_head01 tbody td a {
color: #d18686; color: var(--theme-color-a);
} }
@ -717,7 +727,7 @@ table {
} }
.ajax-list-box li a p.point { .ajax-list-box li a p.point {
color: #d18686; color: var(--theme-color-c);
} }
.ajax-list-box li a:hover { .ajax-list-box li a:hover {
@ -758,7 +768,7 @@ table {
top: -8px; top: -8px;
left: 0; left: 0;
height: 15px; height: 15px;
background: #d18686 background: var(--theme-color-c)
} }

View file

@ -17,7 +17,7 @@ body {
top: 0; top: 0;
width: 200px; width: 200px;
min-height: 100%; min-height: 100%;
background: #1d1d1f; background: #0d1117;
z-index: 999; z-index: 999;
} }
@ -29,7 +29,7 @@ body {
bottom: 0; bottom: 0;
right: 0; right: 0;
width: 1px; width: 1px;
background: #171b26; background: #0d1117;
z-index: 0; z-index: 0;
} }
@ -39,8 +39,7 @@ body {
width: 200px; width: 200px;
height: 100px; height: 100px;
padding-bottom: 30px; padding-bottom: 30px;
background: #ecc6c6; background: var(--theme-color-e);
border-right: 1px solid #d18686;
box-sizing: border-box; box-sizing: border-box;
z-index: 1; z-index: 1;
} }
@ -65,7 +64,7 @@ body {
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1.0em; line-height: 1.0em;
color: #d18686; color: var(--theme-color-c);
z-index: 1; z-index: 1;
} }
@ -129,8 +128,7 @@ body {
right: 0; right: 0;
height: 71px; height: 71px;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #131a24; background: #0d1117;
background: #1d1d1f;
z-index: 999; z-index: 999;
} }
@ -189,7 +187,7 @@ body {
} }
.list_confirm>* { .list_confirm>* {
background: #d18686; background: var(--theme-color-c);
color: #FFF; color: #FFF;
cursor: pointer; cursor: pointer;
min-width: 64px; min-width: 64px;
@ -209,13 +207,13 @@ body {
float: left; float: left;
border: none; border: none;
border-left: 1px solid rgba(255, 255, 255, .1); border-left: 1px solid rgba(255, 255, 255, .1);
background: #ecc6c6; background: var(--theme-color-a);
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
.btn_confirm>*.ty2 { .btn_confirm>*.ty2 {
background: #d18686; background: var(--theme-color-c);
} }
.btn_confirm>*.ty3 { .btn_confirm>*.ty3 {
@ -285,11 +283,17 @@ body {
} }
#gnb .gnb_2dli.check { #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 { #gnb .gnb_2dli.check>a:before {
color: #e76148; color: var(--theme-color-d);
font-weight: normal;
} }
#gnb .gnb_2dli>a:hover { #gnb .gnb_2dli>a:hover {
@ -335,7 +339,7 @@ body {
#fsearch .btn_submit { #fsearch .btn_submit {
border: none; border: none;
background: #ecc6c6; background: var(--theme-color-a);
color: #fff; color: #fff;
font-size: 13px; font-size: 13px;
width: 50px; width: 50px;
@ -351,7 +355,7 @@ body {
.new_win_desc { .new_win_desc {
padding: 10px; padding: 10px;
margin: 20px 0; margin: 20px 0;
background: #ecc6c6; background: var(--theme-color-a);
color: #fff; color: #fff;
} }
@ -364,7 +368,7 @@ body {
} }
.win-guide em { .win-guide em {
color: #d18686; color: var(--theme-color-c);
font-weight: 800; font-weight: 800;
font-style: normal; font-style: normal;
padding: 0 10px; padding: 0 10px;
@ -377,7 +381,7 @@ body {
.btn_win02>* { .btn_win02>* {
display: inline-block; display: inline-block;
background: #d18686; background: var(--theme-color-c);
color: #fff; color: #fff;
font-size: 13px; font-size: 13px;
height: 30px; height: 30px;

View file

@ -66,13 +66,13 @@ $editor_list = [];
background: rgba(255, 255, 255, .4) !important; background: rgba(255, 255, 255, .4) !important;
border: none !important; border: none !important;
outline: 0; outline: 0;
color: #d18686 !important; color: var(--theme-color-d) !important;
} }
th em { th em {
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
color: #d18686; color: var(--theme-color-d);
margin-right: 5px; margin-right: 5px;
} }
@ -88,7 +88,7 @@ $editor_list = [];
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 3px 10px; padding: 3px 10px;
background: #ecc6c6; background: var(--theme-color-b);
color: #fff; color: #fff;
margin: 5px 0 0; margin: 5px 0 0;
} }

View file

@ -41,7 +41,7 @@ EventHandler::triggerEvent("amber.admin.editor_font_form_before");
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 3px 10px; padding: 3px 10px;
background: #ecc6c6; background: var(--theme-color-b);
color: #fff; color: #fff;
margin: 5px 0 0; margin: 5px 0 0;
} }