messenger-gtk

Gtk+3 graphical user interfaces for GNUnet Messenger
Log | Files | Refs | Submodules | README | LICENSE

style.css (2717B)

      1 /*
      2    This file is part of GNUnet.
      3    Copyright (C) 2021--2025 GNUnet e.V.
      4 
      5    GNUnet is free software: you can redistribute it and/or modify it
      6    under the terms of the GNU Affero General Public License as published
      7    by the Free Software Foundation, either version 3 of the License,
      8    or (at your option) any later version.
      9 
     10    GNUnet is distributed in the hope that it will be useful, but
     11    WITHOUT ANY WARRANTY; without even the implied warranty of
     12    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
     13    Affero General Public License for more details.
     14 
     15    You should have received a copy of the GNU Affero General Public License
     16    along with this program.  If not, see <http://www.gnu.org/licenses/>.
     17 
     18    SPDX-License-Identifier: AGPL3.0-or-later
     19  */
     20 
     21 .flap-background {
     22 	background-color: @theme_bg_color;
     23 }
     24 
     25 .header-box {
     26 	min-height: 36px;
     27 }
     28 
     29 .header-subtitle {
     30 	font-size: 14px;
     31 }
     32 
     33 .profile-button {
     34 	border-radius: 36px;
     35 	padding: 2px;
     36 }
     37 
     38 .profile-key {
     39 	font-size: 10px;
     40 }
     41 
     42 .account-entry, .profile-entry {
     43 	padding: 4px 20px;
     44 }
     45 
     46 .contact-entry {
     47 	padding: 2px;
     48 }
     49 
     50 .chat-entry {
     51 	padding: 4px;
     52 }
     53 
     54 .discourse-action {
     55 	background-color: @theme_selected_bg_color;
     56 	background-image: none;
     57 	color: @theme_selected_fg_color;
     58 }
     59 
     60 .discourse-action:disabled {
     61 	background-color: mix(@theme_bg_color, @theme_selected_bg_color, 0.2);
     62 	color: mix(black, @theme_selected_fg_color, 0.8);
     63 }
     64 
     65 .success-action {
     66 	background-color: @success_color;
     67 }
     68 
     69 .error-action {
     70 	background-color: @error_color;
     71 }
     72 
     73 .chat-view {
     74 	border-bottom: 1px solid mix(black, @theme_bg_color, 0.6);
     75 }
     76 
     77 .message-avatar {
     78 	margin: 4px;
     79 }
     80 
     81 .message-box {
     82 	border-radius: 12px;
     83 	padding: 8px 12px;
     84 	margin: 4px;
     85 	font-size: 14px;
     86 }
     87 
     88 .message-box:not(.sent) {
     89 	background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
     90 	color: @theme_fg_color;
     91 	margin-right: 20px;
     92 	box-shadow: 3px 3px 2px alpha(black, 0.25);
     93 }
     94 
     95 .message-box.sent {
     96 	background-color: mix(@theme_bg_color, @theme_selected_bg_color, 0.8);
     97 	color: @theme_selected_fg_color;
     98 	box-shadow: -3px 3px 2px alpha(black, 0.25);
     99 }
    100 
    101 .message-box.status {
    102 	box-shadow: 0px 3px 2px alpha(black, 0.25);
    103 }
    104 
    105 .message-box.sent, .message-box.status {
    106 	margin-left: 20px;
    107 }
    108 
    109 .message-content:not(.status) {
    110 	padding-top: 4px;
    111 }
    112 
    113 .message-box.status > .message-content {
    114 	padding: 2px 4px;
    115 }
    116 
    117 .timestamp-label {
    118 	font-size: 12px;
    119 }
    120 
    121 .picker-switcher-bar {
    122 	border-bottom: 1px solid mix(black, @theme_bg_color, 0.6);
    123 }
    124 
    125 .picker-switcher-box {
    126 	padding: 0px 8px;
    127 }
    128 
    129 .emoji-flow-box {
    130 	font-size: 24px;
    131 }
    132 
    133 .settings-entry, .details-entry {
    134 	margin: 8px;
    135 }
    136 
    137 .details-group {
    138 	margin-top: 16px;
    139 }
    140 
    141 .details-group-title {
    142 	margin-left: 8px;
    143 	margin-right: 8px;
    144 	margin-bottom: 4px;
    145 }
    146