linux.x86.linphone/Linphone/view/Style/buttonStyle.js
data 3b3bb966d4 Add ringtone selection dropdown and various bugfixes
- Add ComboBox for ringtone selection in Call Settings
- Convert MKV ringtones to WAV format (Linphone only supports WAV)
- Fix ComboSetting to support dialPlan type for international prefix
- Disable account devices feature to prevent API errors
- Disable automatic update check on startup
- Add ringtone fallback to default when custom file not found
- Fix ringtone dropdown to not override setting on initialization

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-08 08:31:15 +01:00

390 lines
No EOL
9.4 KiB
JavaScript
Executable file

.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
}
}