make it look sort of better i guess

This commit is contained in:
ouwou 2022-05-15 23:38:10 -04:00
parent 8b488a5ca9
commit b2ba7709df
3 changed files with 42 additions and 25 deletions

View File

@ -3,31 +3,6 @@ application wide stuff
has to be separate to allow main.css to override certain things
*/
.app-window tabbar .box {
margin: -7px -1px -7px -1px;
background: #2a2a2a;
border: 1px solid black;
}
.app-window tabbar tab:hover {
box-shadow: inset 0 -7px lighter(blue);
}
.app-window tabbar tab:checked {
box-shadow: inset 0 -7px blue;
}
.app-window tabbar tab {
background: #1A1A1A;
border: 1px solid #808080;
}
.app-window tabbar tab.needs-attention:not(:checked) {
font-weight: bold;
animation: 150ms ease-in;
background-image: radial-gradient(ellipse at bottom, #FF5370, #1A1A1A 30%);
}
.app-window label:not(:disabled) {
color: @text_color;
}

View File

@ -282,3 +282,43 @@
.friends-list-row-bot {
color: #ff0000;
}
.channel-tab-switcher .box {
margin: -7px -1px -7px -1px;
background: #2a2a2a;
border: 1px solid black;
}
.channel-tab-switcher tab:hover {
box-shadow: inset 0 -6px #17633e;
}
.channel-tab-switcher tab:checked {
box-shadow: inset 0 -6px #2feb90;
}
.channel-tab-switcher tab {
background: #1A1A1A;
border: 1px solid #808080;
}
.channel-tab-switcher tab.needs-attention:not(:checked) {
font-weight: bold;
animation: 150ms ease-in;
background-image: radial-gradient(ellipse at bottom, #FF5370, #1A1A1A 30%);
box-shadow: inset 0 -6px red;
}
.channel-tab-switcher tab > button {
border: none;
padding: 0;
margin: 5px;
min-width: 16px;
min-height: 16px;
color: #FF5370;
background-color: rgba(0.21, 0.21, 0.21, 0.5);
}
.channel-tab-switcher tab > button:hover {
background-color: alpha(#ff0000, 0.5);
}

View File

@ -22,6 +22,8 @@ ChannelTabSwitcherHandy::ChannelTabSwitcherHandy() {
m_tab_view = hdy_tab_view_new();
m_tab_view_wrapped = Glib::wrap(GTK_WIDGET(m_tab_view));
m_tab_bar_wrapped->get_style_context()->add_class("channel-tab-switcher");
g_signal_connect(m_tab_view, "notify::selected-page", G_CALLBACK(selected_page_notify_cb), this);
g_signal_connect(m_tab_view, "close-page", G_CALLBACK(close_page_cb), this);