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