linphone-desktop/Linphone/view/Style/buttonStyle.js
Gaelle Braud 97b1d11adb Fixes:
improve unencrypted conversations warning indicator #LINQT-2061

allow user to choose an address for sending message when multiple addresses in contact #LINQT-2054

verify friend has a core to avoid crash in liblinphone #LINQT-1933

wait for window to be active before calling markAsRead (fix #LINQT-2048)

fix button text color (fix #LINQT-1832)

change format for mkv #LINQT-2056

Registration : check phone number format #LINQT-2044

fix window closing even if a new call is started #LINQT-2055

display popup to delete meetings on right click in meeting list item (allow to delete canceled meetings which cannot be displayed in the right panel)
2025-10-15 17:25:00 +02:00

390 lines
No EOL
9.4 KiB
JavaScript

.pragma library
.import QtQuick as QtQuick
.import Linphone as Linphone
// Orange
var main = {
color: {
normal: Linphone.DefaultStyle.main1_500_main,
hovered: Linphone.DefaultStyle.main1_600,
pressed: Linphone.DefaultStyle.main1_700
},
text: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
image: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
}
}
var mainLightBorder = Object.assign({
borderColor : {
keybaordFocused: Linphone.DefaultStyle.main2_0
}
}, main)
// White with orange border
var secondary = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.main1_100,
pressed: Linphone.DefaultStyle.main1_500_main
},
borderColor: {
normal: Linphone.DefaultStyle.main1_500_main,
keybaordFocused: Linphone.DefaultStyle.main2_900
},
text: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.grey_0
},
image: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.grey_0
}
}
// White with orange icon
var player = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.main1_100,
pressed: Linphone.DefaultStyle.main1_500_main
},
text: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.main1_500_main
},
image: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.main1_500_main
}
}
// Light orange
var tertiary = {
color: {
normal: Linphone.DefaultStyle.main1_100,
hovered: Linphone.DefaultStyle.main1_200,
pressed: Linphone.DefaultStyle.main1_300
},
text: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.main1_500_main
},
image: {
normal: Linphone.DefaultStyle.main1_500_main,
pressed: Linphone.DefaultStyle.main1_500_main
}
}
// Blue-grey
var grey = {
color: {
normal: Linphone.DefaultStyle.main2_200,
hovered: Linphone.DefaultStyle.main2_300,
pressed: Linphone.DefaultStyle.main2_400
},
text: {
normal: Linphone.DefaultStyle.main2_500_main,
pressed: Linphone.DefaultStyle.main2_700
},
image: {
normal: Linphone.DefaultStyle.main2_500_main,
pressed: Linphone.DefaultStyle.main2_700
}
}
// Red phone
var phoneRed = {
iconSource: Linphone.AppIcons.endCall,
color: {
normal: Linphone.DefaultStyle.danger_500_main,
hovered: Linphone.DefaultStyle.danger_700,
pressed: Linphone.DefaultStyle.danger_900
},
text: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
image: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
}
}
var phoneRedLightBorder = Object.assign({
borderColor : {
keybaordFocused: Linphone.DefaultStyle.main2_0
}
}, phoneRed)
// Green phone
var phoneGreen = {
iconSource: Linphone.AppIcons.phone,
color: {
normal: Linphone.DefaultStyle.success_500_main,
hovered: Linphone.DefaultStyle.success_700,
pressed: Linphone.DefaultStyle.success_900
},
text: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
image: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
}
}
// Checkable
var checkable = {
color: {
normal: Linphone.DefaultStyle.grey_500,
hovered: Linphone.DefaultStyle.grey_600,
pressed: Linphone.DefaultStyle.main2_400,
hovered: Linphone.DefaultStyle.main2_400
},
text: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
borderColor: {
keybaordFocused: Linphone.DefaultStyle.main2_0
},
image: {
normal: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0,
checked: Linphone.DefaultStyle.grey_0
}
}
// No background light
var noBackgroundLight = {
color: {
normal: "#00000000",
hovered: "#00000000",
pressed: "#00000000",
checked: "#00000000"
},
text: {
normal: Linphone.DefaultStyle.main2_200,
hovered: Linphone.DefaultStyle.main2_300,
pressed: Linphone.DefaultStyle.main2_400,
checked: Linphone.DefaultStyle.main1_500_main
},
image: {
normal: Linphone.DefaultStyle.main2_200,
hovered: Linphone.DefaultStyle.main2_300,
pressed: Linphone.DefaultStyle.main2_400,
checked: Linphone.DefaultStyle.main1_500_main,
}
}
// No background
var noBackground = {
color: {
normal: "#00000000",
hovered: "#00000000",
pressed: "#00000000",
checked: "#00000000"
},
text: {
normal: Linphone.DefaultStyle.main2_600,
hovered: Linphone.DefaultStyle.main2_700,
pressed: Linphone.DefaultStyle.main2_800,
checked: Linphone.DefaultStyle.main1_500_main
},
image: {
normal: Linphone.DefaultStyle.main2_600,
hovered: Linphone.DefaultStyle.main2_700,
pressed: Linphone.DefaultStyle.main2_800,
checked: Linphone.DefaultStyle.main1_500_main,
}
}
var noBackgroundLightBorder = Object.assign({
borderColor : {
keybaordFocused: Linphone.DefaultStyle.main2_0
}
}, noBackground)
// No background red
var noBackgroundRed = {
color: {
normal: "#00000000",
hovered: "#00000000",
pressed: "#00000000"
},
text: {
normal: Linphone.DefaultStyle.danger_500_main,
hovered: Linphone.DefaultStyle.danger_700,
pressed: Linphone.DefaultStyle.danger_900
},
image: {
normal: Linphone.DefaultStyle.danger_500_main,
hovered: Linphone.DefaultStyle.danger_700,
pressed: Linphone.DefaultStyle.danger_900,
checked: Linphone.DefaultStyle.danger_900
}
}
// No background orange
var noBackgroundOrange = {
color: {
normal: "#00000000",
hovered: "#00000000",
pressed: "#00000000"
},
text: {
normal: Linphone.DefaultStyle.main1_500_main,
hovered: Linphone.DefaultStyle.main1_600,
pressed: Linphone.DefaultStyle.main1_700
},
image: {
normal: Linphone.DefaultStyle.main1_500_main,
hovered: Linphone.DefaultStyle.main1_600,
pressed: Linphone.DefaultStyle.main1_700
}
}
// Popup button
var popupButton = {
color: {
normal: "#00000000",
hovered: Linphone.DefaultStyle.grey_100,
pressed: Linphone.DefaultStyle.main2_300
},
text: {
normal: Linphone.DefaultStyle.main2_600,
hovered: Linphone.DefaultStyle.main2_600,
pressed: Linphone.DefaultStyle.main2_600
},
image: {
normal: Linphone.DefaultStyle.main2_600,
hovered: Linphone.DefaultStyle.main2_600,
pressed: Linphone.DefaultStyle.main2_600
}
}
// Icon + label button
var hoveredBackground = {
color: {
normal: "#00000000",
hovered: Linphone.DefaultStyle.main2_100,
pressed: Linphone.DefaultStyle.main2_100
},
text: {
normal: Linphone.DefaultStyle.main2_500_main,
hovered: Linphone.DefaultStyle.main2_500_main,
pressed: Linphone.DefaultStyle.main2_500_main
},
image: {
normal: Linphone.DefaultStyle.main2_500_main,
hovered: Linphone.DefaultStyle.main2_500_main,
pressed: Linphone.DefaultStyle.main2_500_main
}
}
// Icon + label red button
var hoveredBackgroundRed = {
color: {
normal: "#00000000",
hovered: Linphone.DefaultStyle.main2_100,
pressed: Linphone.DefaultStyle.main2_100
},
text: {
normal: Linphone.DefaultStyle.danger_500_main,
hovered: Linphone.DefaultStyle.danger_700,
pressed: Linphone.DefaultStyle.danger_900
},
image: {
normal: Linphone.DefaultStyle.danger_500_main,
hovered: Linphone.DefaultStyle.danger_700,
pressed: Linphone.DefaultStyle.danger_900
}
}
// Numpad
var numericPad = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.grey_200,
pressed: Linphone.DefaultStyle.grey_300
},
text: {
normal: Linphone.DefaultStyle.main2_600,
pressed: Linphone.DefaultStyle.main2_700
}
}
// Green toast
var toast = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
borderColor: {
normal: Linphone.DefaultStyle.success_500_main,
keybaordFocused: Linphone.DefaultStyle.main2_900
},
text: {
normal: Linphone.DefaultStyle.success_500_main,
pressed: Linphone.DefaultStyle.success_700
}
}
// Security blue toast
var securityToast = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
borderColor: {
normal: Linphone.DefaultStyle.info_500_main,
keybaordFocused: Linphone.DefaultStyle.main2_900
},
text: {
normal: Linphone.DefaultStyle.info_500_main,
pressed: Linphone.DefaultStyle.info_500_main
}
}
// Security red toast
var securityToastError = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.grey_0,
pressed: Linphone.DefaultStyle.grey_0
},
borderColor: {
normal: Linphone.DefaultStyle.danger_500_main,
keybaordFocused: Linphone.DefaultStyle.main2_900
},
text: {
normal: Linphone.DefaultStyle.danger_500_main,
pressed: Linphone.DefaultStyle.danger_500_main
}
}
// White selected
var whiteSelected = {
color: {
normal: Linphone.DefaultStyle.grey_0,
hovered: Linphone.DefaultStyle.main2_100,
selected: Linphone.DefaultStyle.grey_200,
},
borderColor: {
keybaordFocused: Linphone.DefaultStyle.main2_900
}
}
var hoveredBackgroundBis = {
color: {
normal: "#00000000",
hovered: Linphone.DefaultStyle.main2_100,
pressed: Linphone.DefaultStyle.main2_100
}
}