From cee82b530527d873cf10334120c1497d303f43b9 Mon Sep 17 00:00:00 2001 From: Nikolaos Karaolidis Date: Thu, 14 Apr 2022 01:18:53 +0300 Subject: [PATCH] Add emoji picker configs --- .config/gazatu.xyz/emoji-picker.ini | 38 +++++ .config/gazatu.xyz/style.qss | 215 ++++++++++++++++++++++++++++ 2 files changed, 253 insertions(+) create mode 100644 .config/gazatu.xyz/emoji-picker.ini create mode 100644 .config/gazatu.xyz/style.qss diff --git a/.config/gazatu.xyz/emoji-picker.ini b/.config/gazatu.xyz/emoji-picker.ini new file mode 100644 index 0000000..599db74 --- /dev/null +++ b/.config/gazatu.xyz/emoji-picker.ini @@ -0,0 +1,38 @@ +[General] +activateWindowBeforeWritingByDefault=false +aliasExactMatching=false +customQssFilePath=/home/nick/.config/gazatu.xyz/style.qss +enableEmojiIncludesSearch=true +gendersDisabled=false +hideInputMethod=false +localeKey= +maxEmojiVersion=-1 +openAtMouseLocation=false +skinTonesDisabled=false +startInKaomojiMode=false +surroundAliasesWithColons=true +swapEnterAndShiftEnter=false +useClipboardHackByDefault=false +useSystemEmojiFont=false +useSystemEmojiFontWidthHeuristics=true +useSystemQtTheme=false +windowOpacity=0.95 + +[activateWindowBeforeWritingExceptions] +1\processName=code +2\processName=code-oss +3\processName=chrome +4\processName=chromium +5\processName=kate +6\processName= +size=6 + +[emojiAliasesIniFilePaths] +1\path=:/aliases/github-emojis.ini +2\path=:/aliases/gitmoji-emojis.ini +size=2 + +[useClipboardHackExceptions] +1\processName=chatterino +2\processName=kate +size=2 diff --git a/.config/gazatu.xyz/style.qss b/.config/gazatu.xyz/style.qss new file mode 100644 index 0000000..c93ef48 --- /dev/null +++ b/.config/gazatu.xyz/style.qss @@ -0,0 +1,215 @@ +/* QDarkStyleSheet ----------------------------------------------------------- + +This is the main style sheet, the palette has nine colors. + +It is based on three selecting colors, three greyish (background) colors +plus three whitish (foreground) colors. Each set of widgets of the same +type have a header like this: + + ------------------ + GroupName -------- + ------------------ + +And each widget is separated with a header like this: + + QWidgetName ------ + +This makes more easy to find and change some css field. The basic +configuration is described bellow. + + BACKGROUND ----------- + + Light (unpressed) + Normal (border, disabled, pressed, checked, toolbars, menus) + Dark (background) + + FOREGROUND ----------- + + Light (texts/labels) + Normal (not used yet) + Dark (disabled texts) + + SELECTION ------------ + + Light (selection/hover/active) + Normal (selected) + Dark (selected disabled) + +If a stranger configuration is required because of a bugfix or anything +else, keep the comment on the line above so nobody changes it, including the +issue number. + +*/ +/* + +See Qt documentation: + + - https://doc.qt.io/qt-5/stylesheet.html + - https://doc.qt.io/qt-5/stylesheet-reference.html + - https://doc.qt.io/qt-5/stylesheet-examples.html + +--------------------------------------------------------------------------- */ +/* QWidget ---------------------------------------------------------------- + +--------------------------------------------------------------------------- */ +QWidget { + background-color: transparent; + border: 0px; + padding: 0px; + color: #F0F0F0; + selection-background-color: #15191f; + selection-color: #F0F0F0; +} + +QWidget:disabled { + background-color: #15191f; + color: #15191f; + selection-background-color: #15191f; + selection-color: #15191f; +} + +QWidget::item:selected { + background-color: #15191f; +} + +QWidget::item:hover { + background-color: #15191f; + color: #15191f; +} + +/* QMainWindow ------------------------------------------------------------ + +This adjusts the splitter in the dock widget, not qsplitter +https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmainwindow + +--------------------------------------------------------------------------- */ +QMainWindow { + background-color: #15191f; +} + +QMainWindow::separator { + background-color: #15191f; + border: 0px; + spacing: 0px; + padding: 2px; +} + +QMainWindow::separator:hover { + background-color: #15191f; + border: 0px; +} + +/* QToolTip --------------------------------------------------------------- + +https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtooltip + +--------------------------------------------------------------------------- */ +QToolTip { + border: 1px solid #15191f; + color: #15191f; + padding: 0px; + background-color: #15191f; + color: #F0F0F0; +} + +/* ... */ + +/* QLabel ----------------------------------------------------------------- + +https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe + +--------------------------------------------------------------------------- */ +QLabel { + border: 0px solid #15191f; + padding: 2px; + margin: 0px; + color: #F0F0F0; +} + +QLabel:disabled { + background-color: #15191f; + border: 0px solid #15191f; + color: #15191f; +} + +/* ... */ + +/* QLineEdit -------------------------------------------------------------- + +https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit + +--------------------------------------------------------------------------- */ +QLineEdit { + background-color: #15191f; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 5px; + padding-right: 5px; + border-style: solid; + border: 1px solid #15191f; + border-radius: 5px; + color: #f0f0f0; + + height: 28px; + font-size: 14px; +} + +QLineEdit:disabled { + background-color: #15191f; + color: #15191f; +} + +QLineEdit:hover { + border: 1px solid #15191f; + color: #F0F0F0; +} + +QLineEdit:focus { + border: 1px solid #15191f; +} + +QLineEdit:selected { + background-color: #15191f; + color: #15191f; +} + +/* APPLICATION SPECIFIC CSS */ + +.EmojiLineEdit { + padding: 2px 5px 2px 5px; + height: 28px; + font-size: 14px; +} + +.EmojiLineEdit_previewLabel { + padding-left: 5px; + font-size: 14px; + color: rgba(240, 240, 240, 0.60); +} + +.EmojiLineEdit_favsLabel, +.EmojiLineEdit_helpLabel { + padding: 1px 2px 1px 2px; + border-radius: 5px; + font-size: 14px; +} + +.EmojiLineEdit_favsLabel:hover, +.EmojiLineEdit_helpLabel:hover { + background-color: rgba(240, 240, 240, 0.33); +} + +.EmojiPicker_emojiLabel { + padding: 2px; + border-radius: 5px; +} + +.EmojiPicker_emojiLabel.useFont { + padding: 0px; + border-radius: 5px; + /* font-size: 28px; */ +} + +.EmojiPicker_emojiLabel:hover { + background-color: rgba(240, 240, 240, 0.33); +}