diff options
author | ouwou <26526779+ouwou@users.noreply.github.com> | 2021-05-28 04:04:06 -0400 |
---|---|---|
committer | ouwou <26526779+ouwou@users.noreply.github.com> | 2021-05-28 04:04:06 -0400 |
commit | c43b39fe707ea0228ae4c68e94c2cbe106f55e24 (patch) | |
tree | b6827dd4682ae8bc559f578185c5d4696560fa7d /css | |
parent | 484e21e693d1a5d25c1ef959ba531bc584ef4eba (diff) | |
download | abaddon-portaudio-c43b39fe707ea0228ae4c68e94c2cbe106f55e24.tar.gz abaddon-portaudio-c43b39fe707ea0228ae4c68e94c2cbe106f55e24.zip |
add some workarounds/fixes for css stuff
adds a separate css file registered with a lower priority to allow for application-wide css while allowing the main css file to override more general selectors
Diffstat (limited to 'css')
-rw-r--r-- | css/application-low-priority.css | 86 | ||||
-rw-r--r-- | css/main.css | 109 |
2 files changed, 108 insertions, 87 deletions
diff --git a/css/application-low-priority.css b/css/application-low-priority.css new file mode 100644 index 0000000..449127b --- /dev/null +++ b/css/application-low-priority.css @@ -0,0 +1,86 @@ +/* +application wide stuff +has to be separate to allow main.css to override certain things +*/ + +.app-window label:not(:disabled) { + color: @text_color; +} + +.app-window entry { + background: @secondary_color; + color: @text_color; + border: 1px solid #1c2e40; +} + +.app-window button { + background: @secondary_color; + color: @text_color; + text-shadow: none; + box-shadow: none; +} + +.app-window button:checked { + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-bottom: 3px solid #39a2ed; + color: #ffffff; +} + +.app-window button:not(:checked) { + border: 3px #0000ff; +} + +.app-window.background { + background: @background_color; +} + +.app-window treeview { + color: @text_color; + background: @secondary_color; +} + +.app-popup list { + background: @secondary_color; +} + +.app-window paned separator { + background: @background_color; +} + +.app-window scrollbar { + background: @background_color; + border-left: 1px solid transparent; +} + +.app-window menubar, menu { + background: @background_color; + color: #cccccc; +} + +.app-window textview text { + caret-color: #ababab; +} + +.app-window check, +.app-window radio { + background-clip: padding-box; + background: @secondary_color; + border-color: #070707; + box-shadow: 0 1px rgba(0, 0, 0, 0); + color: #dddddd; +} + +.app-window check:checked, +.app-window radio:checked { + background-clip: border-box; + background: #0b4285; + border-color: #092444; + box-shadow: 0 1px rgba(0, 0, 0, 0); + color: #dddddd; +} + +.app-window colorswatch { + box-shadow: 0 1px rgba(0, 0, 0, 0); +} diff --git a/css/main.css b/css/main.css index e99ccd1..5369ba0 100644 --- a/css/main.css +++ b/css/main.css @@ -57,14 +57,12 @@ padding: 15px; } -.message-container + .message-container { - margin-top: 10px; +.message-container-author, .message-container-extra { + margin-top: -10px; } .message-container-extra { color: #78909c; - margin-left: -5px; - margin-right: -5px; } .message-container-timestamp { @@ -141,6 +139,26 @@ margin: 5px; } +.message-component { + margin: 5px; +} + +.message-component.primary { + background: #5865F2; +} + +.message-component.secondary, .message-component.link { + background: #4F545C; +} + +.message-component.success { + background: #43B581; +} + +.message-component.danger { + background: #F04747; +} + .reaction-box { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; @@ -176,62 +194,6 @@ color: @text_color; } -.app-window label:not(:disabled) { - color: @text_color; -} - -.app-window entry { - background: @secondary_color; - color: @text_color; - border: 1px solid #1c2e40; -} - -.app-window button { - background: @secondary_color; - color: @text_color; - text-shadow: none; - box-shadow: none; -} - -.app-window button:checked { - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-bottom: 3px solid #39a2ed; - color: #ffffff; -} - -.app-window button:not(:checked) { - border: 3px #0000ff; -} - -.app-window.background { - background: @background_color; -} - -.app-window treeview { - color: @text_color; - background: @secondary_color; -} - -.app-popup list { - background: @secondary_color; -} - -.app-window paned separator { - background: @background_color; -} - -.app-window scrollbar { - background: @background_color; - border-left: 1px solid transparent; -} - -.app-window menubar, menu { - background: @background_color; - color: #cccccc; -} - .status-indicator.dnd { color: #982929; } @@ -303,37 +265,10 @@ padding-left: 5px; } -.app-window textview text { - caret-color: #ababab; -} - .guild-members-pane-info { padding: 10px; } - -.app-window check, -.app-window radio { - background-clip: padding-box; - background: @secondary_color; - border-color: #070707; - box-shadow: 0 1px rgba(0, 0, 0, 0); - color: #dddddd; -} - -.app-window check:checked, -.app-window radio:checked { - background-clip: border-box; - background: #0b4285; - border-color: #092444; - box-shadow: 0 1px rgba(0, 0, 0, 0); - color: #dddddd; -} - -.app-window colorswatch { - box-shadow: 0 1px rgba(0, 0, 0, 0); -} - .drag-hover-top { background: linear-gradient(to bottom, rgba(255, 66, 66, 0.65) 0%, rgba(0, 0, 0, 0) 35%); } |