moment/src/themes/Default.qpl

320 lines
9.1 KiB
Plaintext
Raw Normal View History

// vim: syntax=qml
2019-07-25 04:58:16 +10:00
// Base variables
real uiScale: 1.0 /* TODO: Implement correctly, do not change for now */
real fontScale: uiScale
Behavior on uiScale { HNumberAnimation {} }
Behavior on fontScale { HNumberAnimation {} }
int minimumSupportedWidth: 240 * uiScale
int minimumSupportedHeight: 120 * uiScale
int contentIsWideAbove: 439 * uiScale
int minimumSupportedWidthPlusSpacing: minimumSupportedWidth + spacing * 2
int minimumSupportedHeightPlusSpacing: minimumSupportedHeight + spacing * 2
2019-08-21 08:31:20 +10:00
int baseElementsHeight: 36 * uiScale
int spacing: 12 * uiScale
int radius: 5
int animationDuration: 100
2019-08-28 04:21:10 +10:00
real loadingElementsOpacity: 0.8
2019-08-21 08:31:20 +10:00
real disabledElementsOpacity: 0.3
fontSize:
2019-08-18 04:54:34 +10:00
int smaller: 13 * fontScale
int small: 13 * fontScale
int normal: 16 * fontScale
int big: 22 * fontScale
int bigger: 32 * fontScale
int biggest: 48 * fontScale
fontFamily:
string sans: "Roboto"
string serif: "Roboto Slab"
string mono: "Hack"
colors:
int hue: 264
int saturation: 40
real intensity: 1.0
real opacity: 1.0
color weakBackground: hsluv(hue, saturation, intensity * 12, opacity)
color mediumBackground: hsluv(hue, saturation, intensity * 9, opacity)
color strongBackground: hsluv(hue, saturation, intensity * 6, opacity)
color inputBackground:
2019-08-29 09:47:28 +10:00
hsluv(hue, saturation * 1.25, intensity * 2, Math.max(0.6, opacity))
color accentBackground:
2019-08-28 12:44:41 +10:00
hsluv(hue, saturation * 1.25, intensity * 42, Math.max(0.6, opacity))
color strongAccentBackground:
hsluv(hue, saturation * 2.25, intensity * 52, Math.max(0.6, opacity))
color positiveBackground:
hsluv(155, saturation * 2.25, intensity * 52, Math.max(0.6, opacity))
color negativeBackground:
hsluv(0, saturation * 2.25, intensity * 52, Math.max(0.6, opacity))
2019-08-29 08:21:13 +10:00
color alertBackground:
hsluv(0, saturation * 2.25, intensity * 52, Math.max(0.6, opacity))
color brightText: hsluv(0, 0, intensity * 100)
color text: hsluv(0, 0, intensity * 80)
color halfDimText: hsluv(0, 0, intensity * 70)
color dimText: hsluv(0, 0, intensity * 55)
color dimmerText: hsluv(0, 0, intensity * 30)
2019-08-17 06:30:18 +10:00
color errorText: hsluv(0, saturation * 2.25, 50)
2019-08-28 12:44:41 +10:00
color accentText: hsluv(hue, saturation * 2.25, 60)
color link: accentText
color code: hsluv(hue + 5, saturation * 1.5, intensity * 60)
// Example of an animation, set running: true to enable
NumberAnimation on hue
running: false
from: 0
to: 360
duration: 10000
loops: Animation.Infinite
icons:
string preferredPack: "thin"
2019-08-29 08:32:16 +10:00
// "transparent" to disable colorizing
color colorize: "white"
color disabledColorize: "white"
2019-07-25 04:58:16 +10:00
// Generic UI controls
controls:
loader:
int defaultDimension: 80
color colorize: "white"
box:
color background: colors.strongBackground
int radius: theme.radius
popup:
color background: colors.strongBackground
header:
color background: colors.strongBackground
button:
2019-08-21 08:31:20 +10:00
color background: colors.inputBackground
color text: colors.text
2019-08-21 07:41:24 +10:00
color hoveredOverlay: hsluv(0, 0, 50, 0.2)
color pressedOverlay: hsluv(0, 0, 50, 0.5)
2019-08-21 07:41:24 +10:00
color checkedOverlay: colors.accentBackground
2019-08-22 06:23:22 +10:00
menu:
color border: "black"
real borderWidth: 2
menuItem:
color background: controls.button.background
color text: controls.button.text
color hoveredOverlay: controls.button.hoveredOverlay
color pressedOverlay: controls.button.hoveredOverlay
color checkedOverlay: controls.button.hoveredOverlay
2019-08-21 08:31:20 +10:00
checkBox:
color checkIconColorize: colors.accentBackground
color boxBackground: controls.button.background
2019-08-21 08:31:20 +10:00
color boxBorder: hsluv(0, 0, 50, 0.3)
color boxHoveredBorder: colors.accentBackground
color boxPressedBorder: colors.strongAccentBackground
color text: controls.button.text
2019-08-21 08:31:20 +10:00
2019-08-21 18:58:34 +10:00
listView:
color highlight: hsluv(0, 0, 50, 0.3)
textField:
color background: colors.inputBackground
color focusedBackground: background
int borderWidth: 1
color border: "transparent"
2019-08-28 12:44:41 +10:00
color focusedBorder: colors.accentBackground
color errorBorder: colors.negativeBackground
color text: colors.text
color focusedText: colors.text
textArea:
color background: colors.inputBackground
color text: colors.text
toolTip:
int delay: 500
color background: colors.inputBackground
color text: colors.text
color border: "black"
int borderWidth: 2
2019-08-29 04:28:20 +10:00
progressBar:
int height: Math.max(2, spacing / 2)
color background: colors.inputBackground
color foreground: colors.accentBackground
avatar:
int size: baseElementsHeight
int radius: theme.radius
background:
int saturation: colors.saturation + 10
int lightness: Math.min(50, colors.intensity * 20)
real opacity: 1.0
letter:
int saturation: 10 + colors.saturation * 1.5
int lightness: colors.intensity * 60
real opacity: 1.0
displayName:
int saturation: colors.saturation + 25
int lightness: Math.min(60, colors.intensity * 60)
2019-07-25 04:58:16 +10:00
// Special UI parts
ui:
// Image can be an URL or local file path.
// If not specified, the gradient will be shown instead.
2019-07-25 04:58:16 +10:00
url image: ""
int gradientRotation: 45 * 3
color gradientRight:
Utils.hsluv(colors.hue - 50, 100, colors.intensity * 8, colors.opacity)
color gradientLeft:
Utils.hsluv(colors.hue + 20, 31, colors.intensity * 22, colors.opacity)
// To have a solid color instead,
// set gradientLeft and gradientRight to the same value.
// color gradientLeft: colors.weakBackground
// color gradientRight: colors.weakBackground
sidePane:
real autoWidthRatio: 0.33 * uiScale
int maximumAutoWidth: 320 * uiScale
int autoCollapseBelowWidth: 128 * uiScale
int collapsedWidth: controls.avatar.size
int autoReduceBelowWindowWidth:
minimumSupportedWidthPlusSpacing + collapsedWidth
color background: colors.strongBackground
account:
real collapsedOpacity: 0.3
color background: "transparent"
color name: colors.text
room:
real leftRoomOpacity: 0.65
color background: "transparent"
color name: colors.text
color subtitle: colors.dimText
color lastEventDate: colors.halfDimText
settingsButton:
color background: colors.inputBackground
filterRooms:
color background: colors.inputBackground
chat:
roomHeader:
color background: colors.strongBackground
color name: colors.text
color topic: colors.dimText
roomSidePane:
color background: colors.mediumBackground
member:
color background: "transparent"
color name: colors.text
color subtitle: colors.dimText
inviteButton:
color background: colors.inputBackground
filterMembers:
color background: colors.inputBackground
eventList:
int ownEventsOnRightUnderWidth: 768
color background: "transparent"
message:
int radius: theme.radius
color background: colors.strongBackground
2019-07-25 14:10:07 +10:00
color ownBackground: hsluv(
colors.hue, colors.saturation + 25, colors.intensity * 6, opacity
2019-07-25 14:10:07 +10:00
)
color body: colors.text
color date: colors.dimText
color greenText: hsluv(135, colors.saturation * 2.25, 75)
color link: colors.link
color code: colors.code
string styleSheet:
"a { color: " + link + " }" +
"code { font-family: " + fontFamily.mono + "; " +
"color: " + code + " }" +
"h1, h2, h3 { font-weight: normal }" +
"h1 { font-size: " + fontSize.biggest + "px }" +
"h2 { font-size: " + fontSize.bigger + "px }" +
"h3 { font-size: " + fontSize.big + "px }" +
"h4 { font-size: " + fontSize.normal + "px }" +
"h5 { font-size: " + fontSize.small + "px }" +
"h6 { font-size: " + fontSize.smaller + "px }" +
".greentext { color: " + greenText + " }"
string styleInclude:
'<style type"text/css">\n' + styleSheet + '\n</style>\n'
daybreak:
color background: colors.strongBackground
color text: colors.text
int radius: theme.radius
inviteBanner:
color background: colors.mediumBackground
leftBanner:
color background: colors.mediumBackground
unknownDevices:
color background: colors.mediumBackground
typingMembers:
color background: colors.mediumBackground
2019-08-28 13:03:52 +10:00
composer:
color background: colors.strongBackground