diff --git a/webpage/style.css b/webpage/style.css index 0a7d568..03cac58 100644 --- a/webpage/style.css +++ b/webpage/style.css @@ -1,3 +1,6 @@ +html{ + height:100%; +} body { font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; @@ -703,7 +706,7 @@ textarea:focus-visible, } .servertd { - background-color: var(--server-bg); + background-color: var(--channel-name-bg); height: .55in; width:100%; display: flex; @@ -793,7 +796,7 @@ textarea:focus-visible, button { transition: background .1s ease-in-out; - background-color: var(--message-bg-hover); + background-color: var(--button-bg); color: var(--primary-text); border-color:var(--timestamp-color); font-weight: bold; @@ -818,11 +821,11 @@ button:disabled:hover{ color: var(--primary-text); } button:hover { - background-color: var(--primary-bg); + background-color: var(--button-hover); } input::file-selector-button { transition: background .1s ease-in-out; - background-color: var(--message-bg-hover); + background-color: var(--button-bg); border-color:var(--timestamp-color); color: var(--primary-text); font-weight: bold; @@ -841,7 +844,7 @@ input[type="file"] { } select{ transition: background .1s ease-in-out; - background-color: var(--message-bg-hover); + background-color: var(--button-bg); color: var(--primary-text); font-weight: bold; text-align: left; @@ -992,7 +995,7 @@ span { user-select: none; } -.filename { +.filename a{ color: var(--filename); } @@ -1285,6 +1288,9 @@ span { padding: .05in; box-sizing: border-box; } +.flexspace:has(.Buttons){ + padding:0; +} .titlediv{ height:100%; display: flex; @@ -1297,7 +1303,7 @@ span { border-bottom: solid .03in var(--message-bg-hover); background: var(--primary-bg); padding: .06in .2in; - background: var(--server-bg); + background: var(--channel-name-bg); box-sizing: border-box; } .exitsettings{ diff --git a/webpage/themes.css b/webpage/themes.css index b804436..d48c179 100644 --- a/webpage/themes.css +++ b/webpage/themes.css @@ -34,7 +34,7 @@ --profile-bg: color-mix(in srgb, #232323 90%, var(--accent-color)); --profile-info-bg: color-mix(in srgb, #121212 90%, var(--accent-color)); --server-border: color-mix(in srgb, #000000 80%, var(--accent-color)); - --server-bg: color-mix(in srgb, #2a2a2a 80%, var(--accent-color)); + --channel-name-bg: color-mix(in srgb, #2a2a2a 80%, var(--accent-color)); --server-name-bg: color-mix(in srgb, #232323 90%, var(--accent-color)); --reply-border: #474b76; --reply-bg: #0b0d20; @@ -88,7 +88,7 @@ --profile-bg: #cacad8; --profile-info-bg: #bbbbce; --server-border: #bebed3; - --server-bg: #c0c0d4; + --channel-name-bg: #c0c0d4; --server-name-bg: #a3a3b5; --reply-border: #b1b2bd; --reply-bg: #d4d6e9; @@ -141,7 +141,7 @@ --filename: #47bbff; --mention-bg: #F00; --pronouns: #202020; - --server-bg: #c0c0d4; + --channel-name-bg: #c0c0d4; --server-name-bg: #a3a3b5; --server-border: #aaaac4;