1
0
mirror of https://github.com/qTox/qTox.git synced 2024-03-22 14:00:36 +08:00
qTox/themes/default/chatForm/buttons.css
Jimi Huotari 71d1fa6f24
refactor(themes): load css and images from themes folder
Original work by tox-user.

The default theme is now placed in a different path:
- C:\users\%username%\AppData\roaming\qtox\themes - for Windows
- ~/Library/Application Support/qtox/themes - for MacOS
- ~/.config/qtox/themes - for other Unix systems including GNU/Linux

Thanks to that it's no longer required to recompile the program to modify
the theme.

In addition to that the default theme is also included as a resource. If
the theme folder or some file inside it is missing, qTox will load it
from resource.
2018-10-24 14:04:03 +02:00

184 lines
3.1 KiB
CSS

/* Message edit */
QAbstractButton#emoteButton
{
background-image: url("@getImagePath(chatForm/emoteButton.svg)");
border-top-right-radius: 5px;
width: 24px;
height: 24px;
}
QAbstractButton#fileButton
{
background-image: url("@getImagePath(chatForm/fileButton.svg)");
border-bottom-right-radius: 5px;
width: 24px;
height: 24px;
}
QAbstractButton#screenshotButton
{
background-image: url("@getImagePath(chatForm/screenshotButton.svg)");
border-top-left-radius: 5px;
width: 24px;
height: 24px;
}
QAbstractButton#sendButton
{
background-image: url("@getImagePath(chatForm/sendButton.svg)");
border-radius: 5px;
width: 50px;
height: 50px;
}
/* Header */
QAbstractButton#volButton
{
border-image: url("@getImagePath(chatForm/volButton.svg)");
border-radius: 5px;
width: 22px;
height: 18px;
}
QAbstractButton#micButton
{
border-image: url("@getImagePath(chatForm/micButton.svg)");
border-radius: 5px;
width: 22px;
height: 18px;
}
QAbstractButton#videoButton
{
background-image: url("@getImagePath(chatForm/videoButton.svg)");
border-radius: 5px;
width: 50px;
height: 40px;
}
QAbstractButton#callButton
{
background-image: url("@getImagePath(chatForm/callButton.svg)");
border-radius: 5px;
width: 50px;
height: 40px;
}
/* SearchLine */
QAbstractButton#searchSettingsButton
{
background-image: url("@getImagePath(chatForm/searchSettingsButton.svg)");
border-radius: 5px;
width: 35px;
height: 35px;
}
QAbstractButton#searchHideButton
{
background-image: url("@getImagePath(chatForm/searchHideButton.svg)");
border-radius: 5px;
width: 35px;
height: 35px;
}
QAbstractButton#searchUpButton
{
background-image: url("@getImagePath(chatForm/searchUpButton.svg)");
border-radius: 5px;
width: 35px;
height: 35px;
}
QAbstractButton#searchDownButton
{
background-image: url("@getImagePath(chatForm/searchDownButton.svg)");
border-radius: 5px;
width: 35px;
height: 35px;
}
QAbstractButton#choiceDateButton
{
background-image: url("@getImagePath(chatForm/searchCalendarButton.svg)");
border-radius: 5px;
width: 45px;
height: 35px;
}
QAbstractButton#startButton
{
border-radius: 5px;
width: 60px;
height: 35px;
color: #fff
}
/* Common */
QAbstractButton
{
background-repeat: none;
background-position: center;
border: none;
}
QAbstractButton:disabled
{
color: gray;
background-color: #919191;
}
QAbstractButton:focus
{
outline: none;
}
QAbstractButton[state="green"]
{
background-color: #6bc260;
}
QAbstractButton[state="green"]:hover
{
background-color: #79c76f;
}
QAbstractButton[state="green"]:pressed
{
background-color: #51b244;
}
QAbstractButton[state="red"]
{
background-color: #c84e4e;
}
QAbstractButton[state="red"]:hover
{
background-color: #e87474;
}
QAbstractButton[state="red"]:pressed
{
background-color: #df3b3b;
}
QAbstractButton[state="yellow"]
{
background-color: #e6e465;
}
QAbstractButton[state="yellow"]:hover
{
background-color: #e8e774;
}
QAbstractButton[state="yellow"]:pressed
{
background-color: #e3e155;
}