mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-04-18 04:38:29 +00:00
27b8b726bd
allow call from pressing enter in new call search bar if dialer open fix key navigation in start call popup when several addresses
398 lines
No EOL
9.6 KiB
JavaScript
398 lines
No EOL
9.6 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"
|
|
},
|
|
borderColor: {
|
|
normal: "#00000000",
|
|
keybaordFocused: Linphone.DefaultStyle.main2_900
|
|
},
|
|
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"
|
|
},
|
|
borderColor: {
|
|
normal: "#00000000",
|
|
keybaordFocused: Linphone.DefaultStyle.main2_900
|
|
},
|
|
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
|
|
}
|
|
} |