Daniel Brötzmann pushed to branch master at gajim / gajim

Commits:

12 changed files:

Changes:

  • gajim/data/gui/call_window.ui
    ... ... @@ -366,7 +366,7 @@
    366 366 
                 <property name="icon-name">audio-input-microphone-symbolic</property>
    367 367 
                 <style>
    368 368 
                   <class name="dim-label"/>
    369 
    -              <class name="audio-mic-animation"/>
    369 
    +              <class name="pulse-transform"/>
    370 370 
                 </style>
    371 371 
               </object>
    372 372 
               <packing>

  • gajim/data/gui/groupchat_state.ui
    1 1 
     <?xml version="1.0" encoding="UTF-8"?>
    2 
    -<!-- Generated with glade 3.38.2 -->
    2 
    +<!-- Generated with glade 3.40.0 -->
    3 3 
     <interface>
    4 4 
       <requires lib="gtk+" version="3.24"/>
    5 5 
       <object class="GtkStack" id="groupchat_state">
    ... ... @@ -44,6 +44,9 @@
    44 44 
                 <property name="position">2</property>
    45 45 
               </packing>
    46 46 
             </child>
    47 
    +        <style>
    48 
    +          <class name="floating-overlay-box"/>
    49 
    +        </style>
    47 50 
           </object>
    48 51 
           <packing>
    49 52 
             <property name="name">not-joined</property>
    ... ... @@ -94,6 +97,9 @@
    94 97 
                 <property name="position">2</property>
    95 98 
               </packing>
    96 99 
             </child>
    100 
    +        <style>
    101 
    +          <class name="floating-overlay-box"/>
    102 
    +        </style>
    97 103 
           </object>
    98 104 
           <packing>
    99 105 
             <property name="name">joining</property>
    ... ... @@ -128,14 +134,14 @@
    128 134 
                 <property name="position">1</property>
    129 135 
               </packing>
    130 136 
             </child>
    137 
    +        <style>
    138 
    +          <class name="floating-overlay-box"/>
    139 
    +        </style>
    131 140 
           </object>
    132 141 
           <packing>
    133 142 
             <property name="name">fetching</property>
    134 143 
             <property name="position">2</property>
    135 144 
           </packing>
    136 145 
         </child>
    137 
    -    <style>
    138 
    -      <class name="groupchat-state"/>
    139 
    -    </style>
    140 146 
       </object>
    141 147 
     </interface>

  • gajim/data/gui/main.ui
    ... ... @@ -59,7 +59,7 @@
    59 59 
                   </packing>
    60 60 
                 </child>
    61 61 
                 <style>
    62 
    -              <class name="app-page-box"/>
    62 
    +              <class name="app-sidebar"/>
    63 63 
                 </style>
    64 64 
               </object>
    65 65 
               <packing>

  • gajim/data/gui/message_actions_box.ui
    ... ... @@ -24,7 +24,7 @@
    24 24 
               </object>
    25 25 
             </child>
    26 26 
             <style>
    27 
    -          <class name="chatcontrol-actionbar-button"/>
    27 
    +          <class name="message-actions-box-button"/>
    28 28 
               <class name="flat"/>
    29 29 
             </style>
    30 30 
           </object>
    ... ... @@ -49,7 +49,7 @@
    49 49 
               </object>
    50 50 
             </child>
    51 51 
             <style>
    52 
    -          <class name="chatcontrol-actionbar-button"/>
    52 
    +          <class name="message-actions-box-button"/>
    53 53 
             </style>
    54 54 
           </object>
    55 55 
           <packing>
    ... ... @@ -76,7 +76,7 @@
    76 76 
               </object>
    77 77 
             </child>
    78 78 
             <style>
    79 
    -          <class name="chatcontrol-actionbar-button"/>
    79 
    +          <class name="message-actions-box-button"/>
    80 80 
             </style>
    81 81 
           </object>
    82 82 
           <packing>
    ... ... @@ -100,7 +100,7 @@
    100 100 
               </object>
    101 101 
             </child>
    102 102 
             <style>
    103 
    -          <class name="chatcontrol-actionbar-button"/>
    103 
    +          <class name="message-actions-box-button"/>
    104 104 
             </style>
    105 105 
           </object>
    106 106 
           <packing>
    ... ... @@ -126,7 +126,7 @@
    126 126 
               </object>
    127 127 
             </child>
    128 128 
             <style>
    129 
    -          <class name="chatcontrol-actionbar-button"/>
    129 
    +          <class name="message-actions-box-button"/>
    130 130 
             </style>
    131 131 
           </object>
    132 132 
           <packing>
    ... ... @@ -151,7 +151,7 @@
    151 151 
               </object>
    152 152 
             </child>
    153 153 
             <style>
    154 
    -          <class name="chatcontrol-actionbar-button"/>
    154 
    +          <class name="message-actions-box-button"/>
    155 155 
             </style>
    156 156 
           </object>
    157 157 
           <packing>
    ... ... @@ -177,7 +177,7 @@
    177 177 
               </object>
    178 178 
             </child>
    179 179 
             <style>
    180 
    -          <class name="chatcontrol-actionbar-button"/>
    180 
    +          <class name="message-actions-box-button"/>
    181 181 
             </style>
    182 182 
           </object>
    183 183 
           <packing>
    ... ... @@ -205,7 +205,7 @@
    205 205 
               </object>
    206 206 
             </child>
    207 207 
             <style>
    208 
    -          <class name="chatcontrol-actionbar-button"/>
    208 
    +          <class name="message-actions-box-button"/>
    209 209 
             </style>
    210 210 
           </object>
    211 211 
           <packing>

  • gajim/data/style/gajim.css
    1 1 
     /* Gajim Application CSS File */
    2 2
    3 
    -.chatcontrol-actionbar-button {
    4 
    -	padding: 0px 5px 0px 5px;
    5 
    -	background-color: @theme_base_color;
    6 
    -	border: none;
    7 
    -}
    8 
    -
    9 
    -.message-action-box { margin: 8px 13px 8px 8px }
    10 
    -
    11 
    -.no-border { border: none; }
    12 
    -.scrolled-no-border { border: none; }
    13 
    -.no-scroll-indicator undershoot.top, undershoot.bottom { background-image: none; }
    14 
    -.scrollbar-style scrollbar trough {background-color:@theme_base_color; }
    15 
    -.scrollbar-style scrollbar {border:none; }
    16 
    -.one-line-scrollbar scrollbar.vertical slider { min-height: 20px; }
    17 
    -
    18 
    -.dialog-margin > box { margin: 18px;}
    19 
    -
    20 
    -#MessageWindow, #RosterWindow paned { background-color:  @theme_base_color; }
    21 
    -
    22 
    -.solid-background {
    23 
    -    background-color: @theme_base_color;
    24 
    -}
    25 
    -
    26 
    -#DropArea {background-color: @theme_base_color;}
    27 
    -
    28 
    -.chatcontrol-separator-top {margin-top: 5px;}
    3 
    +/* GTK named colors
    4 
    +Taken from: https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-3-24/gtk/theme/Adwaita/_colors-public.scss
    5 
    +@theme_fg_color
    6 
    +@theme_text_color
    7 
    +@theme_bg_color
    8 
    +@theme_base_color
    9 
    +@theme_selected_bg_color
    10 
    +@theme_selected_fg_color
    11 
    +@insensitive_bg_color
    12 
    +@insensitive_fg_color
    13 
    +@insensitive_base_color
    14 
    +@theme_unfocused_fg_color
    15 
    +@theme_unfocused_text_color
    16 
    +@theme_unfocused_bg_color
    17 
    +@theme_unfocused_base_color
    18 
    +@theme_unfocused_selected_bg_color
    19 
    +@theme_unfocused_selected_fg_color
    20 
    +@unfocused_insensitive_color
    21 
    +@borders
    22 
    +@unfocused_borders
    23 
    +@warning_color
    24 
    +@error_color
    25 
    +@success_color
    26 
    +*/
    27 
    +
    28 
    +/* GTK specific changes =================================================== */
    29 
    +/* Remove backdrop anomation */
    30 
    +row:backdrop { transition: none; }
    31 
    +/* Treeview */
    32 
    +treeview.space { padding: 6px; }
    33 
    +/* GtkLinkButton style */
    34 
    +button.flat.link { padding: 0; border: 0; }
    29 35
    30 
    -.chatcontrol-separator {margin-bottom: 5px;}
    36 
    +messagedialog.confirmation-dialog > box { margin-top: 18px; }
    31 37
    32 
    -.message-input-border {
    33 
    -    border: 2px solid @theme_unfocused_bg_color;
    34 
    -    border-radius: 4px;
    38 
    +/* InfoBar */
    39 
    +infobar.info > revealer > box {
    40 
    +    color: #3A87AD;
    41 
    +    background-color: #D9EDF7;
    35 42 
     }
    36 
    -.message-input-focus {
    37 
    -    border: 2px solid @theme_selected_bg_color;
    38 
    -    border-radius: 4px;
    43 
    +infobar.question > revealer > box {
    44 
    +    color: #295A72;
    45 
    +    background-color: #AFDAF0;
    39 46 
     }
    40 
    -
    41 
    -.transparent-selection > selection {
    42 
    -    background-color: transparent;
    43 
    -    color: @theme_fg_color;
    47 
    +infobar.warning > revealer > box {
    48 
    +    color: #D06821;
    49 
    +    background-color: #FFEBC0;
    44 50 
     }
    45 
    -
    46 
    -row:backdrop { transition: none; }
    47 
    -
    48 
    -.conversation-row:hover button {
    49 
    -    opacity: 1;
    51 
    +infobar.error > revealer > box {
    52 
    +    color: #B94A48;
    53 
    +    background-color: #F2DEDE;
    50 54 
     }
    51 55
    52 
    -.conversation-row {
    53 
    -    padding: 10px 3px 4px 6px;
    54 
    -    border-radius: 4px;
    56 
    +/* ========================================================================= */
    57 
    +/* Text style */
    58 
    +.bold { font-weight: bold; }
    59 
    +.bold16 {
    60 
    +    font-size: 1.33rem;
    61 
    +    font-weight: bold;
    55 62 
     }
    56 
    -
    57 
    -.merged { padding-top: 1px;}
    58 
    -
    59 
    -.conversation-row grid textview:not(.sourceview) {
    60 
    -	background: transparent;
    63 
    +.bold24 {
    64 
    +    font-size: 2.0rem;
    65 
    +    font-weight: bold;
    61 66 
     }
    62 
    -.conversation-row grid textview:not(.sourceview) text {
    63 
    -	background: transparent;
    67 
    +.large-header {
    68 
    +    font-size: 1.75rem;
    69 
    +    font-weight: bold;
    64 70 
     }
    65 
    -.retracted-message {
    66 
    -    opacity: 0.4;
    71 
    +.small-label {
    72 
    +    font-size: 90%;
    67 73 
     }
    68 
    -@keyframes highlight {
    69 
    -    from { background: rgb(140, 160, 180); }
    70 
    -    to { background: transparent; }
    74 
    +.draft {
    75 
    +    font-style: italic;
    76 
    +    color: @warning_color;
    71 77 
     }
    72 
    -.conversation-search-highlight {
    73 
    -    animation-duration: 3s;
    74 
    -    animation-timing-function: ease-out;
    75 
    -    animation-iteration-count: 1;
    76 
    -    animation-name: highlight;
    78 
    +
    79 
    +/* General Padding / Margin */
    80 
    +.margin-right18 { margin-right: 18px; }
    81 
    +.margin-top6 { margin-top: 6px; }
    82 
    +.margin-top12 { margin-top: 12px; }
    83 
    +.margin-3 { margin: 3px; }
    84 
    +.margin-12 { margin: 12px; }
    85 
    +.margin-18 { margin: 18px; }
    86 
    +.padding-6 { margin: 6px; }
    87 
    +.padding-12 { margin: 12px; }
    88 
    +.padding-18 { margin: 18px; }
    89 
    +.padding-left30 { padding-left: 30px; }
    90 
    +
    91 
    +/* Colors */
    92 
    +.success-color { color: @success_color; }
    93 
    +.error-color { color: @error_color; }
    94 
    +.warning-color { color: @warning_color; }
    95 
    +.selected-color { color: @theme_selected_bg_color; }
    96 
    +.insensitive-fg-color {color: @insensitive_fg_color;}
    97 
    +.encrypted-color { color: rgb(75, 181, 67); }
    98 
    +.unencrypted-color { color: @error_color; }
    99 
    +.receipt-received-color { color: rgb(75, 181, 67); }
    100 
    +
    101 
    +/* Generic animations */
    102 
    +@keyframes pulse-opacity {
    103 
    +    0%  { opacity: 1.0; }
    104 
    +    20% { opacity: 0.7; }
    105 
    +    45% { opacity: 1.0; }
    77 106 
     }
    78 
    -.conversation-system-row {
    79 
    -    padding: 18px;
    107 
    +.pulse-opacity {
    108 
    +    animation-name: pulse-opacity;
    109 
    +    animation-duration: 2.0s;
    110 
    +    animation-timing-function: ease-in-out;
    111 
    +    animation-iteration-count: infinite;
    80 112 
     }
    81 
    -.conversation-date-row {
    82 
    -    padding: 12px;
    113 
    +.dnd-target {
    114 
    +    animation-name: pulse-opacity;
    115 
    +    animation-duration: 1.6s;
    116 
    +    animation-timing-function: ease-in-out;
    117 
    +    animation-iteration-count: infinite;
    83 118 
     }
    84 
    -.conversation-command-row label {
    85 
    -    font-weight: 600;
    86 
    -    border-radius: 6px;
    87 
    -    padding: 12px;
    119 
    +@keyframes pulse-transform {
    120 
    +    0%  { -gtk-icon-transform: scale(1.0); }
    121 
    +    20% { -gtk-icon-transform: scale(1.1); }
    122 
    +    35% { -gtk-icon-transform: scale(1.0); }
    88 123 
     }
    89 
    -.conversation-subject-box,
    90 
    -.conversation-call-box {
    91 
    -    border-radius: 6px;
    92 
    -    padding: 12px;
    124 
    +.pulse-transform {
    125 
    +    animation-name: pulse-transform;
    126 
    +    animation-duration: 2.0s;
    127 
    +    animation-timing-function: ease-in-out;
    128 
    +    animation-iteration-count: infinite;
    93 129 
     }
    94 
    -.conversation-call-box label {
    95 
    -    font-size: 90%;
    130 
    +
    131 
    +/* General purpose classes ================================================= */
    132 
    +.dialog-margin > box { margin: 18px;}
    133 
    +.solid-background { background-color: @theme_base_color; }
    134 
    +.no-border { border: none; }
    135 
    +.scrolled-no-border { border: none; }
    136 
    +.preview-image { box-shadow: 0px 0px 3px 0px alpha(@theme_text_color, 0.2); }
    137 
    +
    138 
    +/* Scrollbars */
    139 
    +.no-scroll-indicator undershoot.top, undershoot.bottom { background-image: none; }
    140 
    +.scrollbar-style scrollbar trough {background-color:@theme_base_color; }
    141 
    +.scrollbar-style scrollbar {border:none; }
    142 
    +.one-line-scrollbar scrollbar.vertical slider { min-height: 20px; }
    143 
    +
    144 
    +/* Treeview */
    145 
    +.gajim-treeview { padding: 5px; }
    146 
    +.gajim-treeview check { padding: 0px; }
    147 
    +.gajim-scrolled {
    148 
    +    border: 1px solid;
    149 
    +    border-color:@unfocused_borders;
    96 150 
     }
    97 
    -.conversation-meta {
    98 
    -    opacity: 0.6;
    99 
    -    font-size: 90%;
    151 
    +
    152 
    +/* .inline-toolbar linked from top */
    153 
    +.ontop-bar {
    154 
    +    border-width: 1px;
    155 
    +    border-bottom: none;
    156 
    +    border-radius: 3px 3px 0 0;
    157 
    +    padding: 5px;
    100 158 
     }
    101 
    -.conversation-read-marker {
    102 
    -    color: @insensitive_fg_color;
    103 
    -    font-size: 90%;
    104 
    -    font-style: italic;
    159 
    +
    160 
    +/* Container with buttons linked from below */
    161 
    +.linked-up * {
    162 
    +    border-top: none;
    163 
    +    border-top-left-radius: 0;
    164 
    +    border-top-right-radius: 0;
    105 165 
     }
    106 
    -.conversation-nickname {
    107 
    -    font-size: 90%;
    166 
    +
    167 
    +/* Unread counter */
    168 
    +.unread-counter {
    169 
    +    background-color: rgb(22, 100, 169);
    170 
    +    color: rgb(242, 242, 242);
    108 171 
         font-weight: bold;
    172 
    +    font-size: 80%;
    173 
    +    padding-left: 6px;
    174 
    +    padding-right: 6px;
    175 
    +    border-radius: 10px;
    109 176 
     }
    110 
    -.code-widget {
    111 
    -    border: 1px solid @borders;
    112 
    -    border-radius: 4px;
    113 
    -    margin-top: 6px;
    114 
    -    margin-bottom: 6px;
    115 
    -}
    116 
    -.code-widget-header {
    117 
    -    background-color: alpha(@insensitive_fg_color, 0.4);
    118 
    -    padding: 0 6px;
    119 
    -    border-top-left-radius: 3px;
    120 
    -    border-top-right-radius: 3px;
    121 
    -}
    122 
    -.code-widget-header label {
    123 
    -    font-size: 90%;
    124 
    -}
    125 
    -.code-widget-header button {
    126 
    -    padding: 0;
    127 
    -}
    128 
    -
    129 
    -.file-transfer {
    130 
    -    padding: 10px;
    131 
    -    margin: 5px;
    132 
    -    background-color: @theme_unfocused_base_color;
    133 
    -    border: 1px solid @borders;
    134 
    -    border-radius: 5px;
    177 
    +.unread-counter-silent {
    178 
    +    background-color: rgb(95, 95, 95);
    135 179 
     }
    136 180
    137 
    -.preview-box {
    138 
    -    border: 1px solid;
    139 
    -    border-color: @borders;
    181 
    +.badge {
    182 
    +    color: rgb(242, 242, 242);
    183 
    +    padding-left: 6px;
    184 
    +    padding-right: 6px;
    185 
    +    padding-top: 2px;
    186 
    +    padding-bottom: 2px;
    140 187 
         border-radius: 4px;
    141 
    -    padding: 10px;
    142 
    -    background-color: @theme_unfocused_base_color;
    143 
    -}
    144 
    -.preview-image-button,
    145 
    -.preview-image-button:hover {
    146 
    -    padding: 0px;
    147 
    -    border: none;
    148 
    -    transition: none;
    149 
    -    -gtk-icon-effect: none;
    150 
    -    -gtk-icon-shadow: none;
    151 
    -    background-image: none;
    152 
    -    text-shadow: none;
    153 
    -    box-shadow: none;
    154 
    -}
    155 
    -.preview-button {
    156 
    -    border: 1px solid @borders;
    188 
    +    font-size: 80%;
    189 
    +    font-weight: bold;
    157 190 
     }
    158 191
    159 192 
     .link-button { min-height: 0px; }
    160 193
    161 
    -.avatar-selector {
    162 
    -    border: 2px dotted @theme_selected_bg_color;
    163 
    -    border-radius: 12px;
    164 
    -    padding: 18px;
    194 
    +.floating-overlay-box {
    195 
    +    background-color: alpha(shade(@theme_bg_color, 0.3), 0.9);
    196 
    +    padding: 12px;
    197 
    +    border-radius: 6px;
    198 
    +}
    199 
    +.floating-overlay-box > label,
    200 
    +.floating-overlay-box > spinner {
    201 
    +    color: @theme_bg_color;
    165 202 
     }
    166 203
    167 
    -/* Main Window */
    204 
    +/* Main Window ============================================================= */
    168 205 
     .mainwindow-grid {
    169 206 
         background: @theme_base_color;
    170 207 
     }
    171 208
    172 
    -/* Generic elements */
    209 
    +/* Generic sidebar / chatlist elements */
    173 210 
     .account-identifier-bar {
    174 211 
     	border-radius: 6px;
    175 212 
     }
    ... ... @@ -177,32 +214,31 @@ .selection-bar {
    177 214 
         border-top-right-radius: 6px;
    178 215 
         border-bottom-right-radius: 6px;
    179 216 
     }
    180 
    -.small-label {
    181 
    -    font-size: 90%;
    182 
    -}
    183 217
    184 
    -/* ChatList with Workspace and Account sidebars */
    218 
    +/* AppSidebar, WorkspaceSidebar, AccountSidebar */
    185 219 
     .chatlist-left-grid {
    186 220 
         border-right: 1px solid @unfocused_borders;
    187 221 
         background: @theme_bg_color;
    188 222 
     }
    189 223
    190 
    -.app-sidebar-row {
    191 
    -    margin: 2px 0 2px 2px;
    192 
    -}
    193 
    -.app-sidebar-row image {
    194 
    -    background: @unfocused_borders;
    195 
    -    padding: 4px;
    196 
    -}
    197 
    -
    198 
    -.app-page-box {
    224 
    +/* AppSidebar */
    225 
    +.app-sidebar {
    199 226 
         margin-top: 3px;
    200 227 
     }
    201 
    -.app-page-box > separator {
    228 
    +.app-sidebar > separator {
    202 229 
         background-color: @unfocused_borders;
    203 230 
         margin-left: 12px;
    204 231 
         margin-right: 12px;
    205 232 
     }
    233 
    +.app-sidebar-item {
    234 
    +    margin: 2px 0 2px 2px;
    235 
    +}
    236 
    +.app-sidebar-item image {
    237 
    +    background: @unfocused_borders;
    238 
    +    padding: 4px;
    239 
    +}
    240 
    +
    241 
    +/* AppPage */
    206 242 
     .app-page {
    207 243 
         padding: 18px;
    208 244 
     }
    ... ... @@ -210,7 +246,7 @@ .app-message-listbox row {
    210 246 
         border: 1px solid @borders;
    211 247 
     }
    212 248
    213 
    -/* Workspace sidebar */
    249 
    +/* WorkspaceSidebar */
    214 250 
     .workspace-scrolled {
    215 251 
         background: transparent;
    216 252 
     }
    ... ... @@ -255,8 +291,11 @@ .workspace-add button {
    255 291 
     .workspace-avatar {
    256 292 
         border: 2px solid transparent;
    257 293 
     }
    294 
    +.dnd-target .workspace-avatar {
    295 
    +    border: 2px dashed @theme_selected_bg_color;
    296 
    +}
    258 297
    259 
    -/* Account sidebar */
    298 
    +/* AccountSidebar */
    260 299 
     .account-sidebar {
    261 300 
         background: transparent;
    262 301 
         margin-bottom: 6px;
    ... ... @@ -297,7 +336,7 @@ .account-box > separator {
    297 336 
         background-color: darker(@theme_bg_color);
    298 337 
     }
    299 338
    300 
    -/* Account Page */
    339 
    +/* AccountPage */
    301 340 
     .account-page {
    302 341 
         background: transparent;
    303 342 
     }
    ... ... @@ -307,11 +346,13 @@ .account-page-roster {
    307 346 
     .account-page-box {
    308 347 
         padding: 18px;
    309 348 
     }
    349 
    +
    310 350 
     /* Roster */
    311 351 
     .roster treeview {
    312 352 
     	padding: 0 3px;
    313 353 
     }
    314 
    -/* Notification listbox */
    354 
    +
    355 
    +/* NotificationManager */
    315 356 
     .notification-listbox {
    316 357 
         background: transparent;
    317 358 
     }
    ... ... @@ -324,7 +365,7 @@ .notification-listbox row:nth-last-child(2) {
    324 365 
         border-bottom: 1px solid @borders;
    325 366 
     }
    326 367
    327 
    -/*Middle Grid*/
    368 
    +/* Middle Grid (ChatList and widgets on top) */
    328 369 
     .middle-grid > scrolledwindow { background: transparent; }
    329 370
    330 371 
     .chatlist-top-bar {
    ... ... @@ -338,6 +379,7 @@ .chat-filter-icons button {
    338 379 
         color: @insensitive_fg_color;
    339 380 
     }
    340 381
    382 
    +/* ChatList */
    341 383 
     .chatlist {
    342 384 
         background: transparent;
    343 385 
     }
    ... ... @@ -371,6 +413,13 @@ .chatlist-row:selected button {
    371 413 
     .chatlist-row:selected image {
    372 414 
     	color: @theme_fg_color;
    373 415 
     }
    416 
    +.dnd-target-chatlist {
    417 
    +    animation-name: pulse-opacity;
    418 
    +    animation-duration: 2.0s;
    419 
    +    animation-timing-function: ease-in-out;
    420 
    +    animation-iteration-count: infinite;
    421 
    +    border: 2px dashed @theme_selected_bg_color;
    422 
    +}
    374 423
    375 424 
     @keyframes composing {
    376 425 
         0%  {
    ... ... @@ -395,18 +444,6 @@ .chatstate-icon {
    395 444 
         animation-timing-function: ease-in-out;
    396 445 
         animation-iteration-count: infinite;
    397 446 
     }
    398 
    -.unread-counter {
    399 
    -    background-color: rgb(22, 100, 169);
    400 
    -    color: rgb(242, 242, 242);
    401 
    -    font-weight: bold;
    402 
    -    font-size: 80%;
    403 
    -    padding-left: 6px;
    404 
    -    padding-right: 6px;
    405 
    -    border-radius: 10px;
    406 
    -}
    407 
    -.unread-counter-silent {
    408 
    -    background-color: rgb(95, 95, 95);
    409 
    -}
    410 447 
     .header-box label {
    411 448 
     	padding: 12px 18px 6px 18px;
    412 449 
     	font-weight: bold;
    ... ... @@ -417,7 +454,7 @@ .header-box-first label {
    417 454 
     	padding: 0px 18px 6px 18px;
    418 455 
     }
    419 456
    420 
    -/* Search view */
    457 
    +/* SearchView */
    421 458 
     .search-view {
    422 459 
         padding: 12px;
    423 460 
         border-left: 1px solid @borders;
    ... ... @@ -426,85 +463,271 @@ .search-view {
    426 463 
     .search-view-row-grid textview {
    427 464 
     	background: transparent;
    428 465 
     }
    429 
    -.search-view-row-grid textview text {
    430 
    -	background: transparent;
    466 
    +.search-view-row-grid textview text {
    467 
    +	background: transparent;
    468 
    +}
    469 
    +.search-view-row-grid label {
    470 
    +    font-size: 90%;
    471 
    +}
    472 
    +.search-view-counter label {
    473 
    +    font-style: italic;
    474 
    +    color: @insensitive_fg_color;
    475 
    +}
    476 
    +.search-view-header {
    477 
    +    padding: 12px 6px 6px 6px;
    478 
    +}
    479 
    +.search-view-header label {
    480 
    +    font-size: 90%;
    481 
    +    color: @insensitive_fg_color;
    482 
    +}
    483 
    +
    484 
    +/* MessageActionsBox */
    485 
    +.message-actions-box { margin: 8px 13px 8px 8px }
    486 
    +.message-actions-box-button {
    487 
    +	padding: 0px 5px 0px 5px;
    488 
    +	background-color: @theme_base_color;
    489 
    +	border: none;
    490 
    +}
    491 
    +
    492 
    +/* MessageInputTextView */
    493 
    +.message-input-border {
    494 
    +    border: 2px solid @theme_unfocused_bg_color;
    495 
    +    border-radius: 4px;
    496 
    +}
    497 
    +.message-input-focus {
    498 
    +    border: 2px solid @theme_selected_bg_color;
    499 
    +    border-radius: 4px;
    500 
    +}
    501 
    +
    502 
    +/* ConversationView ======================================================== */
    503 
    +
    504 
    +/* Conversation row styles */
    505 
    +.merged { padding-top: 1px;}
    506 
    +.retracted-message { opacity: 0.4; }
    507 
    +.transparent-selection > selection {
    508 
    +    background-color: transparent;
    509 
    +    color: @theme_fg_color;
    510 
    +}
    511 
    +@keyframes highlight {
    512 
    +    from { background: rgb(140, 160, 180); }
    513 
    +    to { background: transparent; }
    514 
    +}
    515 
    +.conversation-search-highlight {
    516 
    +    animation-duration: 3s;
    517 
    +    animation-timing-function: ease-out;
    518 
    +    animation-iteration-count: 1;
    519 
    +    animation-name: highlight;
    520 
    +}
    521 
    +
    522 
    +/* BaseRow */
    523 
    +.conversation-row {
    524 
    +    padding: 10px 3px 4px 6px;
    525 
    +    border-radius: 4px;
    526 
    +}
    527 
    +.conversation-row:hover button {
    528 
    +    opacity: 1;
    529 
    +}
    530 
    +.conversation-row grid textview:not(.sourceview),
    531 
    +.conversation-row grid textview:not(.sourceview) text {
    532 
    +	background: transparent;
    533 
    +}
    534 
    +
    535 
    +/* FileTransferJingleRow */
    536 
    +.file-transfer {
    537 
    +    padding: 10px;
    538 
    +    margin: 5px;
    539 
    +    background-color: @theme_unfocused_base_color;
    540 
    +    border: 1px solid @borders;
    541 
    +    border-radius: 5px;
    542 
    +}
    543 
    +
    544 
    +/* SystemRow */
    545 
    +.conversation-system-row {
    546 
    +    padding: 18px;
    547 
    +}
    548 
    +
    549 
    +/* DateRow */
    550 
    +.conversation-date-row {
    551 
    +    padding: 12px;
    552 
    +}
    553 
    +
    554 
    +/* CommandRow */
    555 
    +.conversation-command-row label {
    556 
    +    font-weight: 600;
    557 
    +    border-radius: 6px;
    558 
    +    padding: 12px;
    559 
    +}
    560 
    +
    561 
    +/* Row widgets */
    562 
    +.conversation-subject-box,
    563 
    +.conversation-call-box {
    564 
    +    border-radius: 6px;
    565 
    +    padding: 12px;
    566 
    +}
    567 
    +.conversation-call-box label {
    568 
    +    font-size: 90%;
    569 
    +}
    570 
    +
    571 
    +/* QuoteWidget */
    572 
    +.conversation-quote {
    573 
    +    padding-bottom: 6px;
    574 
    +}
    575 
    +.conversation-quote textview text,
    576 
    +.conversation-quote label {
    577 
    +    color: alpha(@theme_text_color, 0.6);
    578 
    +}
    579 
    +.conversation-quote-bar {
    580 
    +    background-color: alpha(@theme_text_color, 0.2);
    581 
    +}
    582 
    +
    583 
    +/* CodeWidget */
    584 
    +.code-widget {
    585 
    +    border: 1px solid @borders;
    586 
    +    border-radius: 4px;
    587 
    +    margin-top: 6px;
    588 
    +    margin-bottom: 6px;
    589 
    +}
    590 
    +.code-widget-header {
    591 
    +    background-color: alpha(@insensitive_fg_color, 0.4);
    592 
    +    padding: 0 6px;
    593 
    +    border-top-left-radius: 3px;
    594 
    +    border-top-right-radius: 3px;
    595 
    +}
    596 
    +.code-widget-header label {
    597 
    +    font-size: 90%;
    598 
    +}
    599 
    +.code-widget-header button {
    600 
    +    padding: 0;
    601 
    +}
    602 
    +
    603 
    +/* PreviewWidget */
    604 
    +.preview-box {
    605 
    +    border: 1px solid;
    606 
    +    border-color: @borders;
    607 
    +    border-radius: 4px;
    608 
    +    padding: 10px;
    609 
    +    background-color: @theme_unfocused_base_color;
    610 
    +}
    611 
    +.preview-image-button,
    612 
    +.preview-image-button:hover {
    613 
    +    padding: 0px;
    614 
    +    border: none;
    615 
    +    transition: none;
    616 
    +    -gtk-icon-effect: none;
    617 
    +    -gtk-icon-shadow: none;
    618 
    +    background-image: none;
    619 
    +    text-shadow: none;
    620 
    +    box-shadow: none;
    621 
    +}
    622 
    +.preview-button {
    623 
    +    border: 1px solid @borders;
    431 624 
     }
    432 
    -.search-view-row-grid label {
    625 
    +
    626 
    +/* Conversation meta elements */
    627 
    +.conversation-meta {
    628 
    +    opacity: 0.6;
    433 629 
         font-size: 90%;
    434 630 
     }
    435 
    -.search-view-counter label {
    436 
    -    font-style: italic;
    631 
    +.conversation-read-marker {
    437 632 
         color: @insensitive_fg_color;
    633 
    +    font-size: 90%;
    634 
    +    font-style: italic;
    438 635 
     }
    439 
    -.search-view-header {
    440 
    -    padding: 12px 6px 6px 6px;
    441 
    -}
    442 
    -.search-view-header label {
    636 
    +.conversation-nickname {
    443 637 
         font-size: 90%;
    444 
    -    color: @insensitive_fg_color;
    638 
    +    font-weight: bold;
    445 639 
     }
    446 640
    447 
    -.resource-selector list row {
    448 
    -    padding: 6px;
    449 
    -    border-bottom: 1px solid @borders;
    641 
    +/* MoreMenuButton */
    642 
    +.conversation-more-button {
    643 
    +    padding-top: 0px;
    644 
    +    padding-bottom:0px;
    645 
    +    min-height: 16px;
    646 
    +    opacity: 0;
    647 
    +    transition: none;
    648 
    +    border: none;
    450 649 
     }
    451 
    -
    452 
    -/*  Profile window */
    453 
    -#NicknameEntry:disabled {
    454 
    -    font-size: 2.3rem;
    455 
    -    font-weight: bold;
    650 
    +.conversation-more-button:checked {
    651 
    +    opacity: 1;
    652 
    +    background-image: none;
    653 
    +}
    654 
    +.conversation-more-button:active {
    655 
    +    background-image: none;
    656 
    +}
    657 
    +.conversation-more-button:hover {
    456 658 
         border: none;
    457 
    -    padding: 0px 0px 0px 0px;
    458 
    -    background-color: @theme_unfocused_bg_color;
    459 
    -    color: @theme_fg_color;
    659 
    +    transition: none;
    660 
    +    -gtk-icon-effect: none;
    661 
    +    -gtk-icon-shadow: none;
    662 
    +    background-image: none;
    663 
    +    text-shadow: none;
    664 
    +    box-shadow: none;
    460 665 
     }
    461 666
    462 
    -#ProfileWindow grid { padding: 18px; }
    463 
    -#ProfileWindow grid > button {
    464 
    -    padding-left: 4px;
    465 
    -    padding-right: 4px;
    466 
    -}
    467 
    -#ProfileWindow popover { padding: 6px; }
    468 
    -#ProfileWindow actionbar box  {
    469 
    -    padding: 0px;
    667 
    +/* Multi-purpose elements / widgets ======================================== */
    668 
    +
    669 
    +/* ContactFlowBox */
    670 
    +.contact-flowbox-item {
    671 
    +    background-color: alpha(@borders, 0.4);
    672 
    +    border-radius: 12px;
    673 
    +    padding: 6px;
    470 674 
     }
    471 
    -#ProfileWindow actionbar button {
    472 
    -   margin-top: 12px;
    675 
    +.contact-flowbox-item button {
    676 
    +    background: none;
    677 
    +    border: 1px solid alpha(@borders, 0.4);
    473 678 
     }
    474 
    -.profile-scrolled {
    679 
    +.contact-flowbox-item button:hover {
    475 680 
         border: 1px solid @borders;
    476 
    -    border-radius: 4px;
    477 681 
     }
    478 
    -.profile-scrolled-read textview {
    479 
    -    background: transparent;
    682 
    +
    683 
    +/* ResourceSelector */
    684 
    +.resource-selector list row {
    685 
    +    padding: 6px;
    686 
    +    border-bottom: 1px solid @borders;
    480 687 
     }
    481 
    -.profile-scrolled-read textview text {
    482 
    -    background: transparent;
    483 
    -    color: @theme_text_color;
    688 
    +
    689 
    +/* AvatarSelector */
    690 
    +.avatar-selector {
    691 
    +    border: 2px dotted @theme_selected_bg_color;
    692 
    +    border-radius: 12px;
    693 
    +    padding: 18px;
    484 694 
     }
    485 695
    486 
    -/* Contact Info Window */
    487 
    -.stack-border {
    488 
    -    border: 1px solid;
    489 
    -    border-color: @borders;
    696 
    +/* DataFormWidget */
    697 
    +.field-fixed { font-size: 1.33rem; font-weight: bold; padding-top:5px;}
    698 
    +.data-form-title { font-size: 1.33rem; font-weight: bold; }
    699 
    +.data-form-widget grid { margin: 0px 18px 18px 18px; }
    700 
    +.data-form-widget treeview { padding: 5px; }
    701 
    +.data-form-widget scrolledwindow { border: 1px solid; border-color:@unfocused_borders; }
    702 
    +.data-form-widget textview { padding: 5px; }
    703 
    +
    704 
    +/* Assistant */
    705 
    +.assistant-grid { padding: 18px; margin: 6px;}
    706 
    +.assistant-grid > box stack  { padding: 18px; }
    707 
    +
    708 
    +/* Miscellaneous widgets ================================================== */
    709 
    +
    710 
    +/* Notification (Windows) */
    711 
    +#NotificationPopup {
    712 
    +    background-color: #333333;
    713 
    +    padding: 4px;
    490 714 
     }
    491 
    -.stack-header {
    492 
    -    background-color: @insensitive_bg_color;
    493 
    -    border-width: 0 1px 0 1px;
    494 
    -    border-style: none solid none solid;
    495 
    -    border-color: @borders;
    496 
    -    padding: 9px 9px;
    715 
    +#NotificationPopup label {
    716 
    +    color: #FFF;
    497 717 
     }
    498 
    -#ContactNameEntry:disabled {
    499 
    -    font-size: 2.0rem;
    718 
    +#NotificationPopup button {
    719 
    +    border-width: 0;
    720 
    +    background-image: none;
    721 
    +    background-color: inherit;
    722 
    +    box-shadow: none;
    723 
    +    text-shadow: none;
    724 
    +    -gtk-icon-shadow: none;
    725 
    +}
    726 
    +#NotificationPopupTitle {
    500 727 
         font-weight: bold;
    501 
    -    border: none;
    502 
    -    padding: 0px 0px 0px 0px;
    503 
    -    background-color: @insensitive_bg_color;
    504 
    -    color: @theme_fg_color;
    505 728 
     }
    506 729
    507 
    -/* Emoticon Popover */
    730 
    +/* Emoticon Popover (ModifierChooser) */
    508 731 
     popover#EmoticonPopover button { background: none; border: none; box-shadow:none; padding: 0px;}
    509 732 
     popover#EmoticonPopover button > label { font-size: 2.0rem; }
    510 733 
     popover#EmoticonPopover flowboxchild > label { font-size: 2.0rem; }
    ... ... @@ -516,30 +739,7 @@ .emoji-chooser-heading { font-size: 1.15rem; font-weight: bold; padding: 5px;}
    516 739 
     .emoji-chooser-flowbox { padding-left: 5px; padding-right: 11px; }
    517 740 
     .emoji-modifier-chooser-flowbox { padding-left: 5px; }
    518 741
    519 
    -/* HistorySyncAssistant */
    520 
    -#HistorySyncAssistant notebook { padding: 18px; }
    521 
    -#HistorySyncAssistant progressbar text { color: #000; font-size: 1.6rem; padding: 10px;}
    522 
    -#HistorySyncAssistant list { border: 1px solid; border-color: @borders; }
    523 
    -#HistorySyncAssistant list > row { padding: 10px 30px 10px 30px; }
    524 
    -#HistorySyncAssistant list > row > label { color: @insensitive_fg_color; }
    525 
    -#HistorySyncAssistant list > row.activatable > label { color: @theme_text_color; }
    526 
    -#HistorySyncAssistant list > row.activatable:selected > label { color: @theme_selected_fg_color; }
    527 
    -#FinishedLabel { font-size: 1.2rem; font-weight: bold; }
    528 
    -
    529 
    -/* Server Info */
    530 
    -#ServerInfo { border: 1px solid; border-color: @borders; }
    531 
    -#ServerInfo > row:first-child { border-top: 1px solid; border-color: @borders; }
    532 
    -#ServerInfo > row { padding: 10px 20px 10px 10px; }
    533 
    -#ServerInfo > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
    534 
    -#ServerInfo > row.activatable:active { box-shadow: none; }
    535 
    -
    536 
    -/* Features Info */
    537 
    -#FeaturesInfoGrid { padding: 6px; }
    538 
    -#FeaturesInfoGrid > list { border: 1px solid; border-color: @borders; }
    539 
    -#FeaturesInfoGrid > list > row:first-child { border-top: 1px solid; border-color: @borders; }
    540 
    -#FeaturesInfoGrid > list > row { padding: 10px 20px 10px 10px; }
    541 
    -#FeaturesInfoGrid > list > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
    542 
    -#FeaturesInfoGrid > list > row.activatable:active { box-shadow: none; }
    742 
    +/* Settings widgets ======================================================== */
    543 743
    544 744 
     /* SettingsBox */
    545 745 
     .settings-box > row { border-bottom: 1px solid; border-color: @theme_unfocused_bg_color; }
    ... ... @@ -558,7 +758,7 @@ window.settings-dialog list {
    558 758 
     }
    559 759
    560 760 
     /* GenericSetting */
    561 
    -#SubDescription { color: @insensitive_fg_color; font-size: 90%;}
    761 
    +#SubDescription { color: @insensitive_fg_color; font-size: 90%; }
    562 762 
     #GenericSettingBox { margin-left: 30px; }
    563 763 
     #GenericSettingBox > label { padding-right: 3px; }
    564 764
    ... ... @@ -590,6 +790,27 @@ list.settings-menu row {
    590 790 
     list.settings-menu row label {
    591 791 
         padding-left: 12px;
    592 792 
     }
    793 
    +
    794 
    +popover.combo list {
    795 
    +    min-width: 200px;
    796 
    +    margin: 12px;
    797 
    +}
    798 
    +popover.combo { padding: 0px; }
    799 
    +popover.combo list {
    800 
    +    border-style: none;
    801 
    +    background-color: transparent;
    802 
    +}
    803 
    +popover.combo list > row {
    804 
    +    padding: 0px 12px 0px 12px;
    805 
    +    min-height: 40px;
    806 
    +}
    807 
    +popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#cdc7c2, 0.5); }
    808 
    +popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; }
    809 
    +popover.combo scrollbar.vertical {
    810 
    +    padding-top: 2px;
    811 
    +    padding-bottom: 2px;
    812 
    +}
    813 
    +
    593 814 
     .settings-stack viewport > box {
    594 815 
         margin-left: 30px;
    595 816 
         margin-right: 30px;
    ... ... @@ -601,28 +822,92 @@ .settings-border {
    601 822 
         border-color: @borders;
    602 823 
     }
    603 824
    604 
    -/* InfoBar */
    605 
    -infobar.info > revealer > box {
    606 
    -    color: #3A87AD;
    607 
    -    background-color: #D9EDF7;
    825 
    +/* Dialogs ================================================================= */
    826 
    +
    827 
    +/* ProfileWindow */
    828 
    +#NicknameEntry:disabled {
    829 
    +    font-size: 2.3rem;
    830 
    +    font-weight: bold;
    831 
    +    border: none;
    832 
    +    padding: 0px 0px 0px 0px;
    833 
    +    background-color: @theme_unfocused_bg_color;
    834 
    +    color: @theme_fg_color;
    608 835 
     }
    609 
    -infobar.question > revealer > box {
    610 
    -    color: #295A72;
    611 
    -    background-color: #AFDAF0;
    836 
    +
    837 
    +#ProfileWindow grid { padding: 18px; }
    838 
    +#ProfileWindow grid > button {
    839 
    +    padding-left: 4px;
    840 
    +    padding-right: 4px;
    612 841 
     }
    613 
    -infobar.warning > revealer > box {
    614 
    -    color: #D06821;
    615 
    -    background-color: #FFEBC0;
    842 
    +#ProfileWindow popover { padding: 6px; }
    843 
    +#ProfileWindow actionbar box  {
    844 
    +    padding: 0px;
    616 845 
     }
    617 
    -infobar.error > revealer > box {
    618 
    -    color: #B94A48;
    619 
    -    background-color: #F2DEDE;
    846 
    +#ProfileWindow actionbar button {
    847 
    +   margin-top: 12px;
    848 
    +}
    849 
    +.profile-scrolled {
    850 
    +    border: 1px solid @borders;
    851 
    +    border-radius: 4px;
    852 
    +}
    853 
    +.profile-scrolled-read textview {
    854 
    +    background: transparent;
    855 
    +}
    856 
    +.profile-scrolled-read textview text {
    857 
    +    background: transparent;
    858 
    +    color: @theme_text_color;
    859 
    +}
    860 
    +
    861 
    +/* ContactInfo / GroupchatDetails */
    862 
    +.stack-border {
    863 
    +    border: 1px solid;
    864 
    +    border-color: @borders;
    865 
    +}
    866 
    +.stack-header {
    867 
    +    background-color: @insensitive_bg_color;
    868 
    +    border-width: 0 1px 0 1px;
    869 
    +    border-style: none solid none solid;
    870 
    +    border-color: @borders;
    871 
    +    padding: 9px 9px;
    872 
    +}
    873 
    +#ContactNameEntry:disabled {
    874 
    +    font-size: 2.0rem;
    875 
    +    font-weight: bold;
    876 
    +    border: none;
    877 
    +    padding: 0px 0px 0px 0px;
    878 
    +    background-color: @insensitive_bg_color;
    879 
    +    color: @theme_fg_color;
    620 880 
     }
    621 881
    622 
    -/*SendFileDialog*/
    882 
    +/* HistorySyncAssistant */
    883 
    +#HistorySyncAssistant notebook { padding: 18px; }
    884 
    +#HistorySyncAssistant progressbar text { color: #000; font-size: 1.6rem; padding: 10px;}
    885 
    +#HistorySyncAssistant list { border: 1px solid; border-color: @borders; }
    886 
    +#HistorySyncAssistant list > row { padding: 10px 30px 10px 30px; }
    887 
    +#HistorySyncAssistant list > row > label { color: @insensitive_fg_color; }
    888 
    +#HistorySyncAssistant list > row.activatable > label { color: @theme_text_color; }
    889 
    +#HistorySyncAssistant list > row.activatable:selected > label { color: @theme_selected_fg_color; }
    890 
    +#FinishedLabel { font-size: 1.2rem; font-weight: bold; }
    891 
    +
    892 
    +/* ServerInfo */
    893 
    +#ServerInfo { border: 1px solid; border-color: @borders; }
    894 
    +#ServerInfo > row:first-child { border-top: 1px solid; border-color: @borders; }
    895 
    +#ServerInfo > row { padding: 10px 20px 10px 10px; }
    896 
    +#ServerInfo > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
    897 
    +#ServerInfo > row.activatable:active { box-shadow: none; }
    898 
    +
    899 
    +/* Features */
    900 
    +#FeaturesInfoGrid { padding: 6px; }
    901 
    +#FeaturesInfoGrid > list { border: 1px solid; border-color: @borders; }
    902 
    +#FeaturesInfoGrid > list > row:first-child { border-top: 1px solid; border-color: @borders; }
    903 
    +#FeaturesInfoGrid > list > row { padding: 10px 20px 10px 10px; }
    904 
    +#FeaturesInfoGrid > list > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
    905 
    +#FeaturesInfoGrid > list > row.activatable:active { box-shadow: none; }
    906 
    +
    907 
    +/* SendFileDialog */
    623 908 
     #SendFileDialog grid list > row { padding: 10px 20px 10px 10px; }
    624 909
    625 
    -/* Accounts Window */
    910 
    +/* AccountsWindow */
    626 911 
     .accounts-menu { border-right: 1px solid; border-color: @borders;}
    627 912 
     .accounts-settings-border {border: 1px solid; border-color: @borders;}
    628 913 
     .accounts-settings stack > box { margin:30px; }
    ... ... @@ -631,9 +916,10 @@ .accounts-label-row {
    631 916 
         padding-bottom: 10px;
    632 917 
         font-size: 1.6rem;
    633 918 
         font-weight: bold;
    634 
    -    color: @insensitive_fg_color;}
    919 
    +    color: @insensitive_fg_color;
    920 
    +}
    635 921
    636 
    -/* Account Creation */
    922 
    +/* AccountWizard */
    637 923 
     .tls-error-list {
    638 924 
         border: 1px solid; border-color: @borders;
    639 925 
     }
    ... ... @@ -645,12 +931,10 @@ .tls-error-list > row:last-child {
    645 931 
         border-bottom: 0px;
    646 932 
     }
    647 933
    648 
    -/* Start Chat Accounts Treeview */
    934 
    +/* StartChatDialog */
    649 935 
     .start-chat-treeview { padding: 5px; }
    650 936 
     .start-chat-treeview:focus {outline: none; }
    651 937 
     .start-chat-scrolled { border: 1px solid; border-color:@unfocused_borders; }
    652 
    -
    653 
    -/* StartChatListBox */
    654 938 
     .start-chat-row { border-bottom: 1px solid; border-color: @theme_unfocused_bg_color; }
    655 939 
     .start-chat-row:last-child { border-bottom: 0px; }
    656 940 
     .start-chat-row.activatable:active { box-shadow: none; }
    ... ... @@ -658,23 +942,11 @@ .start-chat-row { padding: 10px 20px 10px 10px; }
    658 942 
     .start-chat-row:not(.activatable) label { color: @insensitive_fg_color; }
    659 943 
     .start-chat-row:focus { outline: none; }
    660 944
    661 
    -/* ContactFlowBox */
    662 
    -.contact-flowbox-item {
    663 
    -    background-color: alpha(@borders, 0.4);
    664 
    -    border-radius: 12px;
    665 
    -    padding: 6px;
    666 
    -}
    667 
    -.contact-flowbox-item button {
    668 
    -    background: none;
    669 
    -    border: 1px solid alpha(@borders, 0.4);
    670 
    -}
    671 
    -.contact-flowbox-item button:hover {
    672 
    -    border: 1px solid @borders;
    673 
    -}
    674 
    -
    675 945 
     /* GroupChatRoster */
    676 
    -.groupchat-roster { border-left: 1px solid;
    677 
    -                    border-color: @borders; }
    946 
    +.groupchat-roster {
    947 
    +    border-left: 1px solid;
    948 
    +    border-color: @borders;
    949 
    +}
    678 950 
     .groupchat-roster treeview { padding-left: 4px; }
    679 951
    680 952 
     /* GroupchatConfig */
    ... ... @@ -686,58 +958,6 @@ #GroupchatConfig stacksidebar > scrolledwindow {
    686 958 
     }
    687 959 
     #GroupchatConfig treeview { padding: 5px; }
    688 960
    689 
    -.message-selection-box {
    690 
    -    background-color: alpha(rgb(70, 70, 70), 0.9);
    691 
    -    padding: 12px;
    692 
    -    border-radius: 6px;
    693 
    -}
    694 
    -.message-selection-box > label {
    695 
    -    color: rgb(230, 230, 230);
    696 
    -}
    697 
    -
    698 
    -.groupchat-state box {
    699 
    -    background-color: alpha(rgb(70, 70, 70), 0.9);
    700 
    -    padding: 12px;
    701 
    -    border-radius: 6px;
    702 
    -}
    703 
    -.groupchat-state box > label {
    704 
    -    color: rgb(230, 230, 230);
    705 
    -}
    706 
    -.groupchat-state box > spinner {
    707 
    -    color: rgb(230, 230, 230);
    708 
    -}
    709 
    -
    710 
    -/* Popover Treeview */
    711 
    -.popover_treeview { border-radius: 3px; background-color: @theme_bg_color; }
    712 
    -.popover_treeview { padding: 6px; }
    713 
    -.popover_treeview :hover { background-color: @theme_selected_bg_color; }
    714 
    -
    715 
    -/* .inline-toolbar linked from top */
    716 
    -.ontop-bar {
    717 
    -    border-width: 1px;
    718 
    -    border-bottom: none;
    719 
    -    border-radius: 3px 3px 0 0;
    720 
    -    padding: 5px;
    721 
    -}
    722 
    -
    723 
    -/* Container with buttons linked from below */
    724 
    -.linked-up * {
    725 
    -    border-top: none;
    726 
    -    border-top-left-radius: 0;
    727 
    -    border-top-right-radius: 0;
    728 
    -}
    729 
    -
    730 
    -/* Highlighted label */
    731 
    -.tagged {
    732 
    -    background-color: @theme_selected_bg_color;
    733 
    -    color: @theme_selected_fg_color;
    734 
    -    padding: 0 3px;
    735 
    -    margin: 0 -3px;
    736 
    -    border-radius: 3px;
    737 
    -    text-shadow: none;
    738 
    -    opacity: 0.95;
    739 
    -}
    740 
    -
    741 961 
     /* ThemesWindow */
    742 962 
     #ThemesWindow grid { padding: 12px; }
    743 963
    ... ... @@ -751,231 +971,10 @@ .theme_listbox row:hover { background-color: @theme_base_color; }
    751 971 
     .theme_remove_button {
    752 972 
         background-color: @theme_base_color;
    753 973 
         border: none;
    754 
    -    background-image: none; }
    755 
    -
    974 
    +    background-image: none;
    975 
    +}
    756 976 
     .theme_remove_button:focus {outline: none;}
    757 977
    758 978 
     .theme_popover_listbox { padding: 10px; }
    759 979 
     .theme_popover_listbox row { padding: 5px; }
    760 980 
     .theme_popover_listbox row:focus { outline: none; }
    761 
    -
    762 
    -
    763 
    -/* Text style */
    764 
    -
    765 
    -.bold { font-weight: bold; }
    766 
    -.bold16 {
    767 
    -    font-size: 1.33rem;
    768 
    -    font-weight: bold;
    769 
    -}
    770 
    -.bold24 {
    771 
    -    font-size: 2.0rem;
    772 
    -    font-weight: bold;
    773 
    -}
    774 
    -.large-header {
    775 
    -    font-size: 1.75rem;
    776 
    -    font-weight: bold;
    777 
    -}
    778 
    -.insensitive-fg-color {color: @insensitive_fg_color;}
    779 
    -
    780 
    -.draft {
    781 
    -    font-style: italic;
    782 
    -    color: @warning_color;
    783 
    -}
    784 
    -
    785 
    -/* Padding/Margins */
    786 
    -.margin-right18 { margin-right: 18px; }
    787 
    -.margin-top6 { margin-top: 6px; }
    788 
    -.margin-top12 { margin-top: 12px; }
    789 
    -.margin-3 { margin: 3px; }
    790 
    -.margin-12 { margin: 12px; }
    791 
    -.margin-18 { margin: 18px; }
    792 
    -.padding-6 { margin: 6px; }
    793 
    -.padding-12 { margin: 12px; }
    794 
    -.padding-18 { margin: 18px; }
    795 
    -.padding-left30 { padding-left: 30px; }
    796 
    -
    797 
    -/* Treeview */
    798 
    -treeview.space { padding: 6px; }
    799 
    -
    800 
    -/* GtkLinkButton style */
    801 
    -button.flat.link { padding: 0; border: 0; }
    802 
    -
    803 
    -/*MessageWindow Notebook*/
    804 
    -.notebook-tab-label { min-width: 80px; }
    805 
    -
    806 
    -/*Icon colors*/
    807 
    -.success-color { color: @success_color; }
    808 
    -.error-color { color: @error_color; }
    809 
    -.warning-color { color: @warning_color; }
    810 
    -.selected-color { color: @theme_selected_bg_color; }
    811 
    -
    812 
    -/*Encryption*/
    813 
    -.encrypted-color { color: rgb(75, 181, 67); }
    814 
    -.unencrypted-color { color: @error_color; }
    815 
    -
    816 
    -/*Receipts*/
    817 
    -.receipt-received-color { color: rgb(75, 181, 67); }
    818 
    -
    819 
    -/*Dataforms*/
    820 
    -.field-fixed { font-size: 1.33rem; font-weight: bold; padding-top:5px;}
    821 
    -.data-form-title { font-size: 1.33rem; font-weight: bold; }
    822 
    -.data-form-widget grid { margin: 0px 18px 18px 18px; }
    823 
    -.data-form-widget treeview { padding: 5px; }
    824 
    -.data-form-widget scrolledwindow { border: 1px solid; border-color:@unfocused_borders; }
    825 
    -.data-form-widget textview { padding: 5px; }
    826 
    -
    827 
    -/*Image Preview*/
    828 
    -.preview-image { box-shadow: 0px 0px 3px 0px alpha(@theme_text_color, 0.2); }
    829 
    -
    830 
    -/* Badge */
    831 
    -.badge {
    832 
    -    color: rgb(242, 242, 242);
    833 
    -    padding-left: 6px;
    834 
    -    padding-right: 6px;
    835 
    -    padding-top: 2px;
    836 
    -    padding-bottom: 2px;
    837 
    -    border-radius: 4px;
    838 
    -    font-size: 80%;
    839 
    -    font-weight: bold;
    840 
    -}
    841 
    -
    842 
    -.dnd-target {
    843 
    -    animation-name: pulse-opacity;
    844 
    -    animation-duration: 2.0s;
    845 
    -    animation-timing-function: ease-in-out;
    846 
    -    animation-iteration-count: infinite;
    847 
    -}
    848 
    -.dnd-target .workspace-avatar {
    849 
    -    border: 2px dashed @theme_selected_bg_color;
    850 
    -}
    851 
    -
    852 
    -.dnd-target-chatlist {
    853 
    -    animation-name: pulse-opacity;
    854 
    -    animation-duration: 2.0s;
    855 
    -    animation-timing-function: ease-in-out;
    856 
    -    animation-iteration-count: infinite;
    857 
    -    border: 2px dashed @theme_selected_bg_color;
    858 
    -}
    859 
    -
    860 
    -@keyframes pulse-opacity {
    861 
    -    0%  { opacity: 1.0; }
    862 
    -    20% { opacity: 0.7; }
    863 
    -    45% { opacity: 1.0; }
    864 
    -}
    865 
    -.pulse-opacity {
    866 
    -    animation-name: pulse-opacity;
    867 
    -    animation-duration: 2.0s;
    868 
    -    animation-timing-function: ease-in-out;
    869 
    -    animation-iteration-count: infinite;
    870 
    -}
    871 
    -
    872 
    -@keyframes pulse {
    873 
    -    0%  { -gtk-icon-transform: scale(1.0); }
    874 
    -    20% { -gtk-icon-transform: scale(1.1); }
    875 
    -    35% { -gtk-icon-transform: scale(1.0); }
    876 
    -}
    877 
    -
    878 
    -.audio-mic-animation {
    879 
    -    animation-name: pulse;
    880 
    -    animation-duration: 2.0s;
    881 
    -    animation-timing-function: ease-in-out;
    882 
    -    animation-iteration-count: infinite;
    883 
    -}
    884 
    -
    885 
    -/* Treeview */
    886 
    -.adhoc-treeview { padding: 5px; }
    887 
    -.adhoc-scrolled { border: 1px solid; border-color:@unfocused_borders; }
    888 
    -
    889 
    -/* Search Dialog */
    890 
    -.search-treeview { padding: 5px; }
    891 
    -.search-scrolled { border: 1px solid; border-color:@unfocused_borders; }
    892 
    -
    893 
    -.gajim-treeview { padding: 4px; }
    894 
    -.gajim-treeview check { padding: 0px; }
    895 
    -.gajim-scrolled { border: 1px solid; border-color:@unfocused_borders; }
    896 
    -
    897 
    -
    898 
    -#GroupchatJoin > box {padding: 18px; }
    899 
    -
    900 
    -.assistant-grid { padding: 18px; margin: 6px;}
    901 
    -.assistant-grid > box stack  { padding: 18px; }
    902 
    -
    903 
    -/* Windows notification */
    904 
    -#NotificationPopup {
    905 
    -    background-color: #333333;
    906 
    -    padding: 4px;
    907 
    -}
    908 
    -#NotificationPopup label {
    909 
    -    color: #FFF;
    910 
    -}
    911 
    -#NotificationPopup button {
    912 
    -    border-width: 0;
    913 
    -    background-image: none;
    914 
    -    background-color: inherit;
    915 
    -    box-shadow: none;
    916 
    -    text-shadow: none;
    917 
    -    -gtk-icon-shadow: none;
    918 
    -}
    919 
    -#NotificationPopupTitle {
    920 
    -    font-weight: bold;
    921 
    -}
    922 
    -
    923 
    -
    924 
    -popover.combo list {
    925 
    -    min-width: 200px;
    926 
    -    margin: 12px;
    927 
    -}
    928 
    -popover.combo { padding: 0px; }
    929 
    -popover.combo list {
    930 
    -    border-style: none;
    931 
    -    background-color: transparent;
    932 
    -}
    933 
    -popover.combo list > row {
    934 
    -    padding: 0px 12px 0px 12px;
    935 
    -    min-height: 40px;
    936 
    -}
    937 
    -popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#cdc7c2, 0.5); }
    938 
    -popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; }
    939 
    -popover.combo scrollbar.vertical {
    940 
    -    padding-top: 2px;
    941 
    -    padding-bottom: 2px;
    942 
    -}
    943 
    -
    944 
    -messagedialog.confirmation-dialog > box { margin-top: 18px; }
    945 
    -
    946 
    -.conversation-quote {
    947 
    -    padding-bottom: 6px;
    948 
    -}
    949 
    -.conversation-quote textview text,
    950 
    -.conversation-quote label {
    951 
    -    color: alpha(@theme_text_color, 0.6);
    952 
    -}
    953 
    -.conversation-quote-bar {
    954 
    -    background-color: alpha(@theme_text_color, 0.2);
    955 
    -}
    956 
    -.conversation-more-button {
    957 
    -    padding-top: 0px;
    958 
    -    padding-bottom:0px;
    959 
    -    min-height: 16px;
    960 
    -    opacity: 0;
    961 
    -    transition: none;
    962 
    -    border: none;}
    963 
    -
    964 
    -.conversation-more-button:checked {
    965 
    -    opacity: 1;
    966 
    -    background-image: none;
    967 
    -}
    968 
    -
    969 
    -.conversation-more-button:active {
    970 
    -    background-image: none;
    971 
    -}
    972 
    -
    973 
    -.conversation-more-button:hover {
    974 
    -    border: none;
    975 
    -    transition: none;
    976 
    -    -gtk-icon-effect: none;
    977 
    -    -gtk-icon-shadow: none;
    978 
    -    background-image: none;
    979 
    -    text-shadow: none;
    980 
    -    box-shadow: none;
    981 
    -}

  • gajim/gtk/adhoc.py
    ... ... @@ -202,13 +202,13 @@ def __init__(self) -> None:
    202 202
    203 203 
             self._commands: dict[str, AdHocCommand] = {}
    204 204 
             self._scrolled = Gtk.ScrolledWindow()
    205 
    -        self._scrolled.get_style_context().add_class('adhoc-scrolled')
    205 
    +        self._scrolled.get_style_context().add_class('gajim-scrolled')
    206 206 
             self._scrolled.set_max_content_height(400)
    207 207 
             self._scrolled.set_max_content_width(400)
    208 208 
             self._scrolled.set_policy(Gtk.PolicyType.NEVER,
    209 209 
                                       Gtk.PolicyType.AUTOMATIC)
    210 210 
             self._treeview = Gtk.TreeView()
    211 
    -        self._treeview.get_style_context().add_class('adhoc-treeview')
    211 
    +        self._treeview.get_style_context().add_class('gajim-treeview')
    212 212 
             self._store = Gtk.ListStore(str, str)
    213 213 
             self._treeview.set_model(self._store)
    214 214 
             column = Gtk.TreeViewColumn(_('Commands'))

  • gajim/gtk/app_side_bar.py
    ... ... @@ -54,7 +54,7 @@ class AppRow(Gtk.ListBoxRow):
    54 54 
         def __init__(self) -> None:
    55 55 
             Gtk.ListBoxRow.__init__(self)
    56 56 
             self.get_style_context().add_class('workspace-sidebar-item')
    57 
    -        self.get_style_context().add_class('app-sidebar-row')
    57 
    +        self.get_style_context().add_class('app-sidebar-item')
    58 58
    59 59 
             self._unread_label = Gtk.Label()
    60 60 
             self._unread_label.get_style_context().add_class(

  • gajim/gtk/chat_stack.py
    ... ... @@ -111,7 +111,7 @@ def __init__(self):
    111 111 
             self._drop_area.set_no_show_all(True)
    112 112 
             self._drop_area.set_hexpand(True)
    113 113 
             self._drop_area.set_vexpand(True)
    114 
    -        self._drop_area.set_name('DropArea')
    114 
    +        self._drop_area.get_style_context().add_class('solid-background')
    115 115 
             self._drop_area.add(dnd_icon)
    116 116 
             self._drop_area.add(dnd_label)
    117 117

  • gajim/gtk/component_search.py
    ... ... @@ -219,7 +219,7 @@ def __init__(self) -> None:
    219 219
    220 220 
             self._scrolled = Gtk.ScrolledWindow()
    221 221 
             self._scrolled.set_propagate_natural_height(True)
    222 
    -        self._scrolled.get_style_context().add_class('search-scrolled')
    222 
    +        self._scrolled.get_style_context().add_class('gajim-scrolled')
    223 223 
             self._scrolled.set_no_show_all(True)
    224 224
    225 225 
             self.add(self._label)
    ... ... @@ -273,7 +273,7 @@ def process_result(self, form: Optional[Node]) -> None:
    273 273 
             self._treeview = Gtk.TreeView()
    274 274 
             self._treeview.set_hexpand(True)
    275 275 
             self._treeview.set_vexpand(True)
    276 
    -        self._treeview.get_style_context().add_class('search-treeview')
    276 
    +        self._treeview.get_style_context().add_class('gajim-treeview')
    277 277 
             self._treeview.connect('button-press-event', self._on_button_press)
    278 278
    279 279 
             for field, counter in zip(form.reported.iter_fields(),

  • gajim/gtk/conversation/message_selection.py
    ... ... @@ -33,7 +33,7 @@ def __init__(self) -> None:
    33 33 
             self.set_halign(Gtk.Align.CENTER)
    34 34 
             self.set_valign(Gtk.Align.END)
    35 35
    36 
    -        self.get_style_context().add_class('message-selection-box')
    36 
    +        self.get_style_context().add_class('floating-overlay-box')
    37 37
    38 38 
             label = Gtk.Label(label=_('Click messages to select them'))
    39 39 
             self.attach(label, 0, 0, 2, 1)

  • gajim/gtk/groupchat_join.py
    ... ... @@ -48,6 +48,7 @@ def __init__(self, account: str, jid: str) -> None:
    48 48 
             self.set_title(_('Join Group Chat'))
    49 49 
             self.set_type_hint(Gdk.WindowTypeHint.DIALOG)
    50 50 
             self.set_default_size(500, 550)
    51 
    +        self.get_style_context().add_class('dialog-margin')
    51 52
    52 53 
             self._destroyed = False
    53 54 
             self.account = account

  • gajim/gtk/message_actions_box.py
    ... ... @@ -68,7 +68,7 @@ def __init__(self) -> None:
    68 68 
             self._contact: Optional[ChatContactT] = None
    69 69
    70 70 
             self._ui = get_builder('message_actions_box.ui')
    71 
    -        self.get_style_context().add_class('message-action-box')
    71 
    +        self.get_style_context().add_class('message-actions-box')
    72 72
    73 73 
             self.attach(self._ui.box, 0, 0, 1, 1)
    74 74

    • —
    View it on GitLab.
    You're receiving this email because of your account on dev.gajim.org. Manage all notifications · Help