diff --git a/style.css b/style.css index e420ff3..e45ea59 100644 --- a/style.css +++ b/style.css @@ -8,7 +8,7 @@ body { font-family: 'Noto Sans TC', sans-serif; /* 練習:把背景色改成你喜歡的顏色 */ - background-color: #f0f4f8; + background-color: #D9D1D0; display: flex; justify-content: center; align-items: center; @@ -26,7 +26,7 @@ body { header { /* 練習:把標題列顏色從藍色改成其他顏色 */ - background: #4f8ef7; + background: #D9AD77; color: white; padding: 20px 24px; } @@ -52,7 +52,7 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; } } .message.bot { - background: #f0f4f8; + background: #BFB1B0; color: #333; align-self: flex-start; border-bottom-left-radius: 4px; @@ -60,7 +60,7 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; } .message.user { /* 練習:把使用者訊息顏色從綠色改成你喜歡的顏色 */ - background: #4caf87; + background: #A67041; color: white; align-self: flex-end; border-bottom-right-radius: 4px; @@ -83,14 +83,14 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; } } .input-area input:focus { - border-color: #4f8ef7; + border-color: #D9AD77; } .input-area button { /* 練習:把按鈕顏色改成你喜歡的顏色 conflict-a 分支:改成 #4f8ef7(藍色) conflict-b 分支:改成 #e84393(粉色) */ - background: #4f8ef7; + background: #A69794; color: white; border: none; padding: 10px 20px;