linphone-desktop/linphone-app/ui/views/App/Styles/Main/ConversationStyle.qml
Julien Wadel 4526ca7926 Unify menu/buttons colors.
Fix chat in calls.
Fix avatar display.
2022-06-03 16:42:42 +02:00

174 lines
9.9 KiB
QML

pragma Singleton
import QtQml 2.2
import QtQuick 2.7
import Units 1.0
import ColorsList 1.0
// =============================================================================
QtObject {
property string sectionName : 'Conversation'
property QtObject bar: QtObject {
property color backgroundColor: ColorsList.add(sectionName+'_bar_bg', 'e').color
property color searchIconColor: ColorsList.add(sectionName+'_bar_search', 'c').color
property int avatarSize: 60
property int groupChatSize: 80
property string groupChatIcon: 'chat_room_custom'
property color groupChatColor: ColorsList.add(sectionName+'_bar_groupChat', 'g').color
property int height: 80
property int leftMargin: 40
property int rightMargin: 10
property int spacing: 20
property QtObject status: QtObject {
property string adminStatusIcon: 'admin_selected_custom'
property int adminStatusIconSize: 24
property color adminStatusColor: ColorsList.add(sectionName+'_bar_status', 's').color
property color adminTextColor : ColorsList.add(sectionName+'_description_admin_status', 'af').color
}
property QtObject actions: QtObject {
property int spacing: 20
property QtObject call: QtObject {
property int iconSize: 40
property string name : 'call'
property string icon : 'call_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
}
property QtObject chat: QtObject {
property int iconSize: 40
property string name : 'chat'
property string icon : 'chat_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
}
property QtObject groupChat: QtObject {
property int iconSize: 40
property string name : 'groupChat'
property string icon : 'group_chat_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
}
property QtObject videoCall: QtObject {
property int iconSize: 40
property string name : 'videoCall'
property string icon : 'video_call_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
}
property QtObject del: QtObject {
property int iconSize: 40
property QtObject deleteHistory: QtObject {
property int iconSize: 40
property string name : 'deleteHistory'
property string icon : 'delete_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
}
}
property QtObject edit: QtObject {
property int iconSize: 40
property QtObject addContact: QtObject {
property int iconSize: 40
property string name : 'addContact'
property string icon : 'contact_add_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
}
property QtObject viewContact: QtObject {
property int iconSize: 40
property string name : 'viewContact'
property string icon : 'contact_view_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
}
}
property QtObject openMenu: QtObject {
property int iconSize: 40
property string name : 'other'
property string icon : 'menu_vdots_custom'
property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 'l_u_b_bg').color
property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 'l_u_b_fg').color
}
}
property QtObject contactDescription : QtObject {
property QtObject sipAddress: QtObject {
property color color: ColorsList.add(sectionName+'_description_sipAddress', 'n').color
property int pointSize: Units.dp * 10
property int weight: Font.Light
}
property QtObject username: QtObject {
property color color: ColorsList.add(sectionName+'_description_username', 'j').color
property int pointSize: Units.dp * 11
property int weight: Font.Normal
property QtObject status : QtObject{
property color color : ColorsList.add(sectionName+'_description_username_status', 'g').color
property int pointSize : Units.dp * 9
}
}
}
}
property QtObject filters: QtObject {
property color backgroundColor: ColorsList.add(sectionName+'_filters_bg', 'q').color
property color iconColor: ColorsList.add(sectionName+'_filters_icon', 'c').color
property int height: 51
property int leftMargin: 40
property int pointSize: Units.dp * 9
property QtObject border: QtObject {
property color color: ColorsList.add(sectionName+'_filters_border', 'g10').color
property int bottomWidth: 1
property int topWidth: 0
}
}
property QtObject menu: QtObject{
property color separatorColor: ColorsList.add(sectionName+'_separator', 'u').color
}
}