diff --git a/.config/nvim/.neoconf.json b/.config/nvim/.neoconf.json new file mode 100644 index 0000000..2d7a81f --- /dev/null +++ b/.config/nvim/.neoconf.json @@ -0,0 +1,20 @@ +{ + "neodev": { + "library": { + "enabled": true, + "plugins": true + } + }, + "neoconf": { + "plugins": { + "lua_ls": { + "enabled": true + } + } + }, + "lspconfig": { + "lua_ls": { + "Lua.format.enable": false + } + } +} diff --git a/.config/nvim/.stylua.toml b/.config/nvim/.stylua.toml new file mode 100644 index 0000000..bfcffff --- /dev/null +++ b/.config/nvim/.stylua.toml @@ -0,0 +1,7 @@ +column_width = 120 +line_endings = "Unix" +indent_type = "Spaces" +indent_width = 2 +quote_style = "AutoPreferDouble" +call_parentheses = "None" +collapse_simple_statement = "Always" diff --git a/.config/nvim/README.md b/.config/nvim/README.md new file mode 100644 index 0000000..365674b --- /dev/null +++ b/.config/nvim/README.md @@ -0,0 +1,34 @@ +# AstroNvim Template + +**NOTE:** This is for AstroNvim v4+ + +A template for getting started with [AstroNvim](https://github.com/AstroNvim/AstroNvim) + +## 🛠️ Installation + +#### Make a backup of your current nvim and shared folder + +```shell +mv ~/.config/nvim ~/.config/nvim.bak +mv ~/.local/share/nvim ~/.local/share/nvim.bak +mv ~/.local/state/nvim ~/.local/state/nvim.bak +mv ~/.cache/nvim ~/.cache/nvim.bak +``` + +#### Create a new user repository from this template + +Press the "Use this template" button above to create a new repository to store your user configuration. + +You can also just clone this repository directly if you do not want to track your user configuration in GitHub. + +#### Clone the repository + +```shell +git clone https://github.com// ~/.config/nvim +``` + +#### Start Neovim + +```shell +nvim +``` diff --git a/.config/nvim/init.lua b/.config/nvim/init.lua new file mode 100644 index 0000000..560f08e --- /dev/null +++ b/.config/nvim/init.lua @@ -0,0 +1,29 @@ +-- This file simply bootstraps the installation of Lazy.nvim and then calls other files for execution +-- This file doesn't necessarily need to be touched, BE CAUTIOUS editing this file and proceed at your own risk. +local lazypath = vim.env.LAZY or vim.fn.stdpath "data" .. "/lazy/lazy.nvim" +if not (vim.env.LAZY or (vim.uv or vim.loop).fs_stat(lazypath)) then + -- stylua: ignore + vim.fn.system({ "git", "clone", "--filter=blob:none", "https://github.com/folke/lazy.nvim.git", "--branch=stable", lazypath }) +end +vim.opt.rtp:prepend(lazypath) + +-- validate that lazy is available +if not pcall(require, "lazy") then + -- stylua: ignore + vim.api.nvim_echo({ { ("Unable to load lazy from: %s\n"):format(lazypath), "ErrorMsg" }, { "Press any key to exit...", "MoreMsg" } }, true, {}) + vim.fn.getchar() + vim.cmd.quit() +end + +require "lazy_setup" +require "polish" + +require "user.options" +require "user.keymaps" + +require("catppuccin").setup { + flavour = "macchiato", +} + +-- setup must be called before loading +vim.cmd.colorscheme "catppuccin" diff --git a/.config/nvim/lazy-lock.json b/.config/nvim/lazy-lock.json new file mode 100644 index 0000000..8123667 --- /dev/null +++ b/.config/nvim/lazy-lock.json @@ -0,0 +1,63 @@ +{ + "AstroNvim": { "branch": "main", "commit": "73f7231dc303661dd2e45d98b016fdad5ef3d70e" }, + "Comment.nvim": { "branch": "master", "commit": "0236521ea582747b58869cb72f70ccfa967d2e89" }, + "LuaSnip": { "branch": "master", "commit": "03c8e67eb7293c404845b3982db895d59c0d1538" }, + "aerial.nvim": { "branch": "master", "commit": "4d10acbcb760802ea74381ac3ed98cbb6e5f7805" }, + "alpha-nvim": { "branch": "main", "commit": "41283fb402713fc8b327e60907f74e46166f4cfd" }, + "astrocommunity": { "branch": "main", "commit": "c547c9ea8fa19ab2f1792febb3d20e6ff6851a02" }, + "astrocore": { "branch": "main", "commit": "409ae29758ae0226b60e486ac80faa703f0b7955" }, + "astrolsp": { "branch": "main", "commit": "9e4eeb51ff04d9985f195b28553dbd47807e4c49" }, + "astrotheme": { "branch": "main", "commit": "7e47b7900229365bc0dca2a2eee2acc62dfc9dc3" }, + "astroui": { "branch": "main", "commit": "b4585cea4fffdfe1f3967fa81cd3e98544fcb831" }, + "catppuccin": { "branch": "main", "commit": "d97387aea8264f484bb5d5e74f2182a06c83e0d8" }, + "cmp-buffer": { "branch": "main", "commit": "3022dbc9166796b644a841a02de8dd1cc1d311fa" }, + "cmp-dap": { "branch": "master", "commit": "ea92773e84c0ad3288c3bc5e452ac91559669087" }, + "cmp-nvim-lsp": { "branch": "main", "commit": "5af77f54de1b16c34b23cba810150689a3a90312" }, + "cmp-path": { "branch": "main", "commit": "91ff86cd9c29299a64f968ebb45846c485725f23" }, + "cmp_luasnip": { "branch": "master", "commit": "05a9ab28b53f71d1aece421ef32fee2cb857a843" }, + "dressing.nvim": { "branch": "master", "commit": "572314728cb1ce012e825fd66331f52c94acac12" }, + "friendly-snippets": { "branch": "main", "commit": "dd2fd1281d4b22e7b4a5bfafa3e142d958e251f2" }, + "gitsigns.nvim": { "branch": "main", "commit": "76927d14d3fbd4ba06ccb5246e79d93b5442c188" }, + "guess-indent.nvim": { "branch": "main", "commit": "b8ae749fce17aa4c267eec80a6984130b94f80b2" }, + "heirline.nvim": { "branch": "master", "commit": "03cff30d7e7d3ba6fdc00925f015822f79cef908" }, + "indent-blankline.nvim": { "branch": "master", "commit": "98f85638a669fd7f42f59a7283676391ab9b9ca3" }, + "lazy.nvim": { "branch": "main", "commit": "758bb5de98b805acc5eeed8cdc8ac7f0bc4b0b86" }, + "lsp_signature.nvim": { "branch": "master", "commit": "aed5d1162b0f07bb3af34bedcc5f70a2b6466ed8" }, + "lspkind.nvim": { "branch": "master", "commit": "1735dd5a5054c1fb7feaf8e8658dbab925f4f0cf" }, + "mason-lspconfig.nvim": { "branch": "main", "commit": "9ae570e206360e47d30b4c35a4550c165f4ea7b7" }, + "mason-null-ls.nvim": { "branch": "main", "commit": "2b8433f76598397fcc97318d410e0c4f7a4bea6a" }, + "mason-nvim-dap.nvim": { "branch": "main", "commit": "3614a39aae98ccd34124b072939d6283853b3dd2" }, + "mason.nvim": { "branch": "main", "commit": "c43eeb5614a09dc17c03a7fb49de2e05de203924" }, + "mini.bufremove": { "branch": "main", "commit": "931a3bb514147d9e812767275c4beba6b779b1d3" }, + "neo-tree.nvim": { "branch": "main", "commit": "7aad1bf3f6b849cbf108e02c55ad4d701cb4d33a" }, + "neoconf.nvim": { "branch": "main", "commit": "f8947e998dac4213f6c7bb1c7b843cba64db22dd" }, + "neodev.nvim": { "branch": "main", "commit": "da1562e1e3df0e994ddc52cb4ba22376a5d7f2fc" }, + "none-ls.nvim": { "branch": "main", "commit": "10c976d633862b9fe16171f5f5f17732bc54e19f" }, + "nui.nvim": { "branch": "main", "commit": "a0fd35fcbb4cb479366f1dc5f20145fd718a3733" }, + "nvim-autopairs": { "branch": "master", "commit": "b0b79e42a28f09719a7da9534c3731fa37319d9b" }, + "nvim-cmp": { "branch": "main", "commit": "24122371810089d390847d8ba66325c1f1aa64c0" }, + "nvim-colorizer.lua": { "branch": "master", "commit": "85855b38011114929f4058efc97af1059ab3e41d" }, + "nvim-dap": { "branch": "master", "commit": "9d81c11fd185a131f81841e64941859305f6c42d" }, + "nvim-dap-ui": { "branch": "master", "commit": "5934302d63d1ede12c0b22b6f23518bb183fc972" }, + "nvim-lspconfig": { "branch": "master", "commit": "cee94b22adc96582d9136f85fb3b076feda8825c" }, + "nvim-nio": { "branch": "master", "commit": "8765cbc4d0c629c8158a5341e1b4305fd93c3a90" }, + "nvim-notify": { "branch": "master", "commit": "5371f4bfc1f6d3adf4fe9d62cd3a9d44356bfd15" }, + "nvim-treesitter": { "branch": "master", "commit": "8012b55eee65eba1d1ee4df0a186d30e72dcbe65" }, + "nvim-treesitter-textobjects": { "branch": "master", "commit": "84cc9ed772f1fee2f47c1e076f518829583d8347" }, + "nvim-ts-autotag": { "branch": "main", "commit": "531f48334c422222aebc888fd36e7d109cb354cd" }, + "nvim-ts-context-commentstring": { "branch": "main", "commit": "0bdccb9c67a42a5e2d99384dc9bfa29b1451528f" }, + "nvim-ufo": { "branch": "main", "commit": "a5390706f510d39951dd581f6d2a972741b3fa26" }, + "nvim-web-devicons": { "branch": "master", "commit": "e37bb1feee9e7320c76050a55443fa843b4b6f83" }, + "nvim-window-picker": { "branch": "main", "commit": "41cfaa428577c53552200a404ae9b3a0b5719706" }, + "plenary.nvim": { "branch": "master", "commit": "50012918b2fc8357b87cff2a7f7f0446e47da174" }, + "presence.nvim": { "branch": "main", "commit": "87c857a56b7703f976d3a5ef15967d80508df6e6" }, + "promise-async": { "branch": "main", "commit": "38a4575da9497326badd3995e768b4ccf0bb153e" }, + "resession.nvim": { "branch": "master", "commit": "cc819b0489938d03e4f3532a583354f0287c015b" }, + "smart-splits.nvim": { "branch": "master", "commit": "2179ec0d26aacd4f40c766c79f6ebc83b7001e48" }, + "telescope-fzf-native.nvim": { "branch": "main", "commit": "9ef21b2e6bb6ebeaf349a0781745549bbb870d27" }, + "telescope.nvim": { "branch": "master", "commit": "6312868392331c9c0f22725041f1ec2bef57c751" }, + "todo-comments.nvim": { "branch": "main", "commit": "a7e39ae9e74f2c8c6dc4eea6d40c3971ae84752d" }, + "toggleterm.nvim": { "branch": "main", "commit": "066cccf48a43553a80a210eb3be89a15d789d6e6" }, + "vim-illuminate": { "branch": "master", "commit": "e522e0dd742a83506db0a72e1ced68c9c130f185" }, + "which-key.nvim": { "branch": "main", "commit": "ce741eb559c924d72e3a67d2189ad3771a231414" } +} \ No newline at end of file diff --git a/.config/nvim/lua/community.lua b/.config/nvim/lua/community.lua new file mode 100644 index 0000000..c079a74 --- /dev/null +++ b/.config/nvim/lua/community.lua @@ -0,0 +1,10 @@ +-- AstroCommunity: import any community modules here +-- We import this file in `lazy_setup.lua` before the `plugins/` folder. +-- This guarantees that the specs are processed before any user plugins. + +---@type LazySpec +return { + "AstroNvim/astrocommunity", + { import = "astrocommunity.pack.lua" }, + -- import/override with your plugins folder +} diff --git a/.config/nvim/lua/lazy_setup.lua b/.config/nvim/lua/lazy_setup.lua new file mode 100644 index 0000000..621de3b --- /dev/null +++ b/.config/nvim/lua/lazy_setup.lua @@ -0,0 +1,32 @@ +require("lazy").setup({ + { + "AstroNvim/AstroNvim", + version = "^4", -- Remove version tracking to elect for nighly AstroNvim + import = "astronvim.plugins", + opts = { -- AstroNvim options must be set here with the `import` key + mapleader = " ", -- This ensures the leader key must be configured before Lazy is set up + maplocalleader = ",", -- This ensures the localleader key must be configured before Lazy is set up + icons_enabled = true, -- Set to false to disable icons (if no Nerd Font is available) + pin_plugins = nil, -- Default will pin plugins when tracking `version` of AstroNvim, set to true/false to override + update_notifications = true, -- Enable/disable notification about running `:Lazy update` twice to update pinned plugins + }, + }, + { import = "community" }, + { import = "plugins" }, +} --[[@as LazySpec]], { + -- Configure any other `lazy.nvim` configuration options here + install = { colorscheme = { "astrodark", "habamax" } }, + ui = { backdrop = 100 }, + performance = { + rtp = { + -- disable some rtp plugins, add more to your liking + disabled_plugins = { + "gzip", + "netrwPlugin", + "tarPlugin", + "tohtml", + "zipPlugin", + }, + }, + }, +} --[[@as LazyConfig]]) diff --git a/.config/nvim/lua/plugins/astrocore.lua b/.config/nvim/lua/plugins/astrocore.lua new file mode 100644 index 0000000..c99b395 --- /dev/null +++ b/.config/nvim/lua/plugins/astrocore.lua @@ -0,0 +1,74 @@ +if true then return {} end -- WARN: REMOVE THIS LINE TO ACTIVATE THIS FILE + +-- AstroCore provides a central place to modify mappings, vim options, autocommands, and more! +-- Configuration documentation can be found with `:h astrocore` +-- NOTE: We highly recommend setting up the Lua Language Server (`:LspInstall lua_ls`) +-- as this provides autocomplete and documentation while editing + +---@type LazySpec +return { + "AstroNvim/astrocore", + ---@type AstroCoreOpts + opts = { + -- Configure core features of AstroNvim + features = { + large_buf = { size = 1024 * 500, lines = 10000 }, -- set global limits for large files for disabling features like treesitter + autopairs = true, -- enable autopairs at start + cmp = true, -- enable completion at start + diagnostics_mode = 3, -- diagnostic mode on start (0 = off, 1 = no signs/virtual text, 2 = no virtual text, 3 = on) + highlighturl = true, -- highlight URLs at start + notifications = true, -- enable notifications at start + }, + -- Diagnostics configuration (for vim.diagnostics.config({...})) when diagnostics are on + diagnostics = { + virtual_text = true, + underline = true, + }, + -- vim options can be configured here + options = { + opt = { -- vim.opt. + relativenumber = true, -- sets vim.opt.relativenumber + number = true, -- sets vim.opt.number + spell = false, -- sets vim.opt.spell + signcolumn = "auto", -- sets vim.opt.signcolumn to auto + wrap = false, -- sets vim.opt.wrap + }, + g = { -- vim.g. + -- configure global vim variables (vim.g) + -- NOTE: `mapleader` and `maplocalleader` must be set in the AstroNvim opts or before `lazy.setup` + -- This can be found in the `lua/lazy_setup.lua` file + }, + }, + -- Mappings can be configured through AstroCore as well. + -- NOTE: keycodes follow the casing in the vimdocs. For example, `` must be capitalized + mappings = { + -- first key is the mode + n = { + -- second key is the lefthand side of the map + + -- navigate buffer tabs with `H` and `L` + L = { function() require("astrocore.buffer").nav(vim.v.count1) end, desc = "Next buffer" }, + H = { function() require("astrocore.buffer").nav(-vim.v.count1) end, desc = "Previous buffer" }, + + -- mappings seen under group name "Buffer" + ["bD"] = { + function() + require("astroui.status.heirline").buffer_picker( + function(bufnr) require("astrocore.buffer").close(bufnr) end + ) + end, + desc = "Pick to close", + }, + -- tables with just a `desc` key will be registered with which-key if it's installed + -- this is useful for naming menus + ["b"] = { desc = "Buffers" }, + -- quick save + -- [""] = { ":w!", desc = "Save File" }, -- change description but the same command + }, + t = { + -- setting a mapping to false will disable it + -- [""] = false, + }, + }, + }, +} diff --git a/.config/nvim/lua/plugins/astrolsp.lua b/.config/nvim/lua/plugins/astrolsp.lua new file mode 100644 index 0000000..81e6999 --- /dev/null +++ b/.config/nvim/lua/plugins/astrolsp.lua @@ -0,0 +1,106 @@ +-- AstroLSP allows you to customize the features in AstroNvim's LSP configuration engine +-- Configuration documentation can be found with `:h astrolsp` +-- NOTE: We highly recommend setting up the Lua Language Server (`:LspInstall lua_ls`) +-- as this provides autocomplete and documentation while editing + +---@type LazySpec +return { + "AstroNvim/astrolsp", + ---@type AstroLSPOpts + opts = { + -- Configuration table of features provided by AstroLSP + features = { + autoformat = true, -- enable or disable auto formatting on start + codelens = true, -- enable/disable codelens refresh on start + inlay_hints = false, -- enable/disable inlay hints on start + semantic_tokens = true, -- enable/disable semantic token highlighting + }, + -- customize lsp formatting options + formatting = { + -- control auto formatting on save + format_on_save = { + enabled = true, -- enable or disable format on save globally + allow_filetypes = { -- enable format on save for specified filetypes only + -- "go", + }, + ignore_filetypes = { -- disable format on save for specified filetypes + -- "python", + }, + }, + disabled = { -- disable formatting capabilities for the listed language servers + -- disable lua_ls formatting capability if you want to use StyLua to format your lua code + -- "lua_ls", + }, + timeout_ms = 1000, -- default format timeout + -- filter = function(client) -- fully override the default formatting function + -- return true + -- end + }, + -- enable servers that you already have installed without mason + servers = { + -- "pyright" + }, + -- customize language server configuration options passed to `lspconfig` + ---@diagnostic disable: missing-fields + config = { + -- clangd = { capabilities = { offsetEncoding = "utf-8" } }, + }, + -- customize how language servers are attached + handlers = { + -- a function without a key is simply the default handler, functions take two parameters, the server name and the configured options table for that server + -- function(server, opts) require("lspconfig")[server].setup(opts) end + + -- the key is the server that is being setup with `lspconfig` + -- rust_analyzer = false, -- setting a handler to false will disable the set up of that language server + -- pyright = function(_, opts) require("lspconfig").pyright.setup(opts) end -- or a custom handler function can be passed + }, + -- Configure buffer local auto commands to add when attaching a language server + autocmds = { + -- first key is the `augroup` to add the auto commands to (:h augroup) + lsp_document_highlight = { + -- Optional condition to create/delete auto command group + -- can either be a string of a client capability or a function of `fun(client, bufnr): boolean` + -- condition will be resolved for each client on each execution and if it ever fails for all clients, + -- the auto commands will be deleted for that buffer + cond = "textDocument/documentHighlight", + -- cond = function(client, bufnr) return client.name == "lua_ls" end, + -- list of auto commands to set + { + -- events to trigger + event = { "CursorHold", "CursorHoldI" }, + -- the rest of the autocmd options (:h nvim_create_autocmd) + desc = "Document Highlighting", + callback = function() vim.lsp.buf.document_highlight() end, + }, + { + event = { "CursorMoved", "CursorMovedI", "BufLeave" }, + desc = "Document Highlighting Clear", + callback = function() vim.lsp.buf.clear_references() end, + }, + }, + }, + -- mappings to be set up on attaching of a language server + mappings = { + n = { + gl = { function() vim.diagnostic.open_float() end, desc = "Hover diagnostics" }, + -- a `cond` key can provided as the string of a server capability to be required to attach, or a function with `client` and `bufnr` parameters from the `on_attach` that returns a boolean + -- gD = { + -- function() vim.lsp.buf.declaration() end, + -- desc = "Declaration of current symbol", + -- cond = "textDocument/declaration", + -- }, + -- ["uY"] = { + -- function() require("astrolsp.toggles").buffer_semantic_tokens() end, + -- desc = "Toggle LSP semantic highlight (buffer)", + -- cond = function(client) return client.server_capabilities.semanticTokensProvider and vim.lsp.semantic_tokens end, + -- }, + }, + }, + -- A custom `on_attach` function to be run after the default `on_attach` function + -- takes two parameters `client` and `bufnr` (`:h lspconfig-setup`) + on_attach = function(client, bufnr) + -- this would disable semanticTokensProvider for all clients + -- client.server_capabilities.semanticTokensProvider = nil + end, + }, +} diff --git a/.config/nvim/lua/plugins/astroui.lua b/.config/nvim/lua/plugins/astroui.lua new file mode 100644 index 0000000..737a2fb --- /dev/null +++ b/.config/nvim/lua/plugins/astroui.lua @@ -0,0 +1,39 @@ +if true then return {} end -- WARN: REMOVE THIS LINE TO ACTIVATE THIS FILE + +-- AstroUI provides the basis for configuring the AstroNvim User Interface +-- Configuration documentation can be found with `:h astroui` +-- NOTE: We highly recommend setting up the Lua Language Server (`:LspInstall lua_ls`) +-- as this provides autocomplete and documentation while editing + +---@type LazySpec +return { + "AstroNvim/astroui", + ---@type AstroUIOpts + opts = { + -- change colorscheme + colorscheme = "astrodark", + -- AstroUI allows you to easily modify highlight groups easily for any and all colorschemes + highlights = { + init = { -- this table overrides highlights in all themes + -- Normal = { bg = "#000000" }, + }, + astrodark = { -- a table of overrides/changes when applying the astrotheme theme + -- Normal = { bg = "#000000" }, + }, + }, + -- Icons can be configured throughout the interface + icons = { + -- configure the loading of the lsp in the status line + LSPLoading1 = "⠋", + LSPLoading2 = "⠙", + LSPLoading3 = "⠹", + LSPLoading4 = "⠸", + LSPLoading5 = "⠼", + LSPLoading6 = "⠴", + LSPLoading7 = "⠦", + LSPLoading8 = "⠧", + LSPLoading9 = "⠇", + LSPLoading10 = "⠏", + }, + }, +} diff --git a/.config/nvim/lua/plugins/catppuccin.lua b/.config/nvim/lua/plugins/catppuccin.lua new file mode 100644 index 0000000..fe0f4d4 --- /dev/null +++ b/.config/nvim/lua/plugins/catppuccin.lua @@ -0,0 +1,3 @@ +return { + { "catppuccin/nvim", name = "catppuccin", priority = 1000 } +} diff --git a/.config/nvim/lua/plugins/mason.lua b/.config/nvim/lua/plugins/mason.lua new file mode 100644 index 0000000..634840f --- /dev/null +++ b/.config/nvim/lua/plugins/mason.lua @@ -0,0 +1,43 @@ +if true then return {} end -- WARN: REMOVE THIS LINE TO ACTIVATE THIS FILE + +-- Customize Mason plugins + +---@type LazySpec +return { + -- use mason-lspconfig to configure LSP installations + { + "williamboman/mason-lspconfig.nvim", + -- overrides `require("mason-lspconfig").setup(...)` + opts = function(_, opts) + -- add more things to the ensure_installed table protecting against community packs modifying it + opts.ensure_installed = require("astrocore").list_insert_unique(opts.ensure_installed, { + "lua_ls", + -- add more arguments for adding more language servers + }) + end, + }, + -- use mason-null-ls to configure Formatters/Linter installation for null-ls sources + { + "jay-babu/mason-null-ls.nvim", + -- overrides `require("mason-null-ls").setup(...)` + opts = function(_, opts) + -- add more things to the ensure_installed table protecting against community packs modifying it + opts.ensure_installed = require("astrocore").list_insert_unique(opts.ensure_installed, { + "prettier", + "stylua", + -- add more arguments for adding more null-ls sources + }) + end, + }, + { + "jay-babu/mason-nvim-dap.nvim", + -- overrides `require("mason-nvim-dap").setup(...)` + opts = function(_, opts) + -- add more things to the ensure_installed table protecting against community packs modifying it + opts.ensure_installed = require("astrocore").list_insert_unique(opts.ensure_installed, { + "python", + -- add more arguments for adding more debuggers + }) + end, + }, +} diff --git a/.config/nvim/lua/plugins/none-ls.lua b/.config/nvim/lua/plugins/none-ls.lua new file mode 100644 index 0000000..382368d --- /dev/null +++ b/.config/nvim/lua/plugins/none-ls.lua @@ -0,0 +1,22 @@ +if true then return {} end -- WARN: REMOVE THIS LINE TO ACTIVATE THIS FILE + +-- Customize None-ls sources + +---@type LazySpec +return { + "nvimtools/none-ls.nvim", + opts = function(_, config) + -- config variable is the default configuration table for the setup function call + -- local null_ls = require "null-ls" + + -- Check supported formatters and linters + -- https://github.com/nvimtools/none-ls.nvim/tree/main/lua/null-ls/builtins/formatting + -- https://github.com/nvimtools/none-ls.nvim/tree/main/lua/null-ls/builtins/diagnostics + config.sources = { + -- Set a formatter + -- null_ls.builtins.formatting.stylua, + -- null_ls.builtins.formatting.prettier, + } + return config -- return final config table + end, +} diff --git a/.config/nvim/lua/plugins/treesitter.lua b/.config/nvim/lua/plugins/treesitter.lua new file mode 100644 index 0000000..0e8d2f7 --- /dev/null +++ b/.config/nvim/lua/plugins/treesitter.lua @@ -0,0 +1,16 @@ +if true then return {} end -- WARN: REMOVE THIS LINE TO ACTIVATE THIS FILE + +-- Customize Treesitter + +---@type LazySpec +return { + "nvim-treesitter/nvim-treesitter", + opts = function(_, opts) + -- add more things to the ensure_installed table protecting against community packs modifying it + opts.ensure_installed = require("astrocore").list_insert_unique(opts.ensure_installed, { + "lua", + "vim", + -- add more arguments for adding more treesitter parsers + }) + end, +} diff --git a/.config/nvim/lua/plugins/user.lua b/.config/nvim/lua/plugins/user.lua new file mode 100644 index 0000000..76fd493 --- /dev/null +++ b/.config/nvim/lua/plugins/user.lua @@ -0,0 +1,83 @@ +-- You can also add or configure plugins by creating files in this `plugins/` folder +-- Here are some examples: + +---@type LazySpec +return { + + -- == Examples of Adding Plugins == + + "andweeb/presence.nvim", + { + "ray-x/lsp_signature.nvim", + event = "BufRead", + config = function() require("lsp_signature").setup() end, + }, + + -- == Examples of Overriding Plugins == + + -- customize alpha options + { + "goolord/alpha-nvim", + opts = function(_, opts) + -- customize the dashboard header + opts.section.header.val = { + " █████ ███████ ████████ ██████ ██████", + "██ ██ ██ ██ ██ ██ ██ ██", + "███████ ███████ ██ ██████ ██ ██", + "██ ██ ██ ██ ██ ██ ██ ██", + "██ ██ ███████ ██ ██ ██ ██████", + " ", + " ███  ██ ██  ██ ██ ███  ███", + " ████  ██ ██  ██ ██ ████  ████", + " ██ ██  ██ ██  ██ ██ ██ ████ ██", + " ██  ██ ██  ██  ██  ██ ██  ██  ██", + " ██   ████   ████   ██ ██      ██", + } + return opts + end, + }, + + -- You can disable default plugins as follows: + { "max397574/better-escape.nvim", enabled = false }, + + -- You can also easily customize additional setup of plugins that is outside of the plugin's setup call + { + "L3MON4D3/LuaSnip", + config = function(plugin, opts) + require "astronvim.plugins.configs.luasnip"(plugin, opts) -- include the default astronvim config that calls the setup call + -- add more custom luasnip configuration such as filetype extend or custom snippets + local luasnip = require "luasnip" + luasnip.filetype_extend("javascript", { "javascriptreact" }) + end, + }, + + { + "windwp/nvim-autopairs", + config = function(plugin, opts) + require "astronvim.plugins.configs.nvim-autopairs"(plugin, opts) -- include the default astronvim config that calls the setup call + -- add more custom autopairs configuration such as custom rules + local npairs = require "nvim-autopairs" + local Rule = require "nvim-autopairs.rule" + local cond = require "nvim-autopairs.conds" + npairs.add_rules( + { + Rule("$", "$", { "tex", "latex" }) + -- don't add a pair if the next character is % + :with_pair(cond.not_after_regex "%%") + -- don't add a pair if the previous character is xxx + :with_pair( + cond.not_before_regex("xxx", 3) + ) + -- don't move right when repeat character + :with_move(cond.none()) + -- don't delete if the next character is xx + :with_del(cond.not_after_regex "xx") + -- disable adding a newline when you press + :with_cr(cond.none()), + }, + -- disable for .vim files, but it work for another filetypes + Rule("a", "a", "-vim") + ) + end, + }, +} diff --git a/.config/nvim/lua/polish.lua b/.config/nvim/lua/polish.lua new file mode 100644 index 0000000..5b3ec0a --- /dev/null +++ b/.config/nvim/lua/polish.lua @@ -0,0 +1,5 @@ +-- This will run last in the setup process and is a good place to configure +-- things like custom filetypes. This just pure lua so anything that doesn't +-- fit in the normal config locations above can go here + +-- Set NeoTree to open by default diff --git a/.config/nvim/lua/user/keymaps.lua b/.config/nvim/lua/user/keymaps.lua new file mode 100644 index 0000000..b851a08 --- /dev/null +++ b/.config/nvim/lua/user/keymaps.lua @@ -0,0 +1 @@ +vim.keymap.set("n", "", "Neotree toggle") diff --git a/.config/nvim/lua/user/options.lua b/.config/nvim/lua/user/options.lua new file mode 100644 index 0000000..1653909 --- /dev/null +++ b/.config/nvim/lua/user/options.lua @@ -0,0 +1 @@ +vim.opt.relativenumber = false diff --git a/.config/nvim/neovim.yml b/.config/nvim/neovim.yml new file mode 100644 index 0000000..b9235ab --- /dev/null +++ b/.config/nvim/neovim.yml @@ -0,0 +1,6 @@ +--- +base: lua51 + +globals: + vim: + any: true diff --git a/.config/nvim/selene.toml b/.config/nvim/selene.toml new file mode 100644 index 0000000..e7005c3 --- /dev/null +++ b/.config/nvim/selene.toml @@ -0,0 +1,8 @@ +std = "neovim" + +[rules] +global_usage = "allow" +if_same_then_else = "allow" +incorrect_standard_library_use = "allow" +mixed_table = "allow" +multiple_statements = "allow" diff --git a/.themes/Catppuccin-Macchiato-Standard-Blue-Dark/gnome-shell/gnome-shell.css b/.themes/Catppuccin-Macchiato-Standard-Blue-Dark/gnome-shell/gnome-shell.css index 17876e9..6acb4a5 100644 --- a/.themes/Catppuccin-Macchiato-Standard-Blue-Dark/gnome-shell/gnome-shell.css +++ b/.themes/Catppuccin-Macchiato-Standard-Blue-Dark/gnome-shell/gnome-shell.css @@ -1,6 +1,6 @@ /* OUTLINE */ -.login-dialog .modal-dialog-button:default,.unlock-dialog .modal-dialog-button:default, .lg-extension:active, .lg-extension:hover, .lg-extension, .page-navigation-arrow:active > StIcon, .page-navigation-arrow:hover > StIcon, .app-well-app.app-folder:selected .quick-settings-system-item .power-item:insensitive, .quick-toggle-menu, .quick-toggle:checked, .quick-toggle, +.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default, .lg-extension:active, .lg-extension:hover, .lg-extension, .page-navigation-arrow:active > StIcon, .page-navigation-arrow:hover > StIcon, .app-well-app.app-folder:selected .quick-settings-system-item .power-item:insensitive, .quick-toggle-menu, .quick-toggle:checked, .quick-toggle, .screenshot-ui-tooltip, .screenshot-ui-shot-cast-button:checked, .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus, .screenshot-ui-shot-cast-container, .switcher-list .item-box:selected, .switcher-list .item-box:focus, .switcher-list .item-box:hover, .weather-button:active, .weather-button:hover, .weather-button, @@ -11,43 +11,41 @@ .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover, .hotplug-notification-item:checked, .hotplug-notification-item:active, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button, #LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked, #LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active, #LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover, #LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button, .modal-dialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup { - border: 2px solid #8aadf4; + border: 2px solid #8aadf4; } /*GLOBAL*/ stage { - color: #cad3f5; - font-size: 11pt; + color: #cad3f5; + font-size: 11pt; } - /* WELCOME DIALOG*/ .welcome-dialog-image { - background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); - background-size: contain; - height: 300px; - width: 300px; + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; } - /*GENERAL TYPOGRAPHY*/ .nm-dialog-airplane-headline { - font-weight: 400; - font-size: 15pt; + font-weight: 400; + font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { - font-weight: 400; - font-size: 13pt; + font-weight: 400; + font-size: 13pt; } .lg-extension-name, @@ -63,13 +61,13 @@ stage { .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { - font-weight: 400; - font-size: 11pt; + font-weight: 400; + font-size: 11pt; } -.app-menu .popup-inactive-menu-item:first-child>StLabel { - font-weight: 400; - font-size: 9pt; +.app-menu .popup-inactive-menu-item:first-child > StLabel { + font-weight: 400; + font-size: 9pt; } .login-dialog-not-listed-label, @@ -85,14 +83,14 @@ stage { .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { - font-weight: 400; - font-size: 9pt; + font-weight: 400; + font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { - font-weight: 400; - font-size: 10pt; + font-weight: 400; + font-size: 10pt; } .unlock-dialog-clock-time, @@ -102,7 +100,7 @@ stage { .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { - font-feature-settings: none; + font-feature-settings: none; } @@ -110,288 +108,285 @@ stage { .shell-link { - color: #89b4fa; + color: #89b4fa; } .shell-link:hover { - color: #cad3f5; + color: #cad3f5; } .shell-link:active { - color: #8aadf4; + color: #8aadf4; } - /*OSD*/ .osd-window { - text-align: center; - font-weight: bold; - color: #cad3f5; - background-color: #181926; - border: 2px solid #8aadf4; - border-radius: 8px; - spacing: 12px; - padding: 0px 18px; - margin-bottom: 9em; + text-align: center; + font-weight: bold; + color: #cad3f5; + background-color: #181926; + border: 2px solid #8aadf4; + border-radius: 8px; + spacing: 12px; + padding: 0px 18px; + margin-bottom: 9em; } -.osd-window>* { - spacing: 8px; +.osd-window > * { + spacing: 8px; } .osd-window StIcon { - icon-size: 1.3em; - padding: 15px 0px; + icon-size: 1.3em; + padding: 15px 0px; } .osd-window StLabel:ltr { - margin-right: 6px; - color: transparent; + margin-right: 6px; + color: transparent; } .osd-window StLabel:rtl { - margin-left: 6px; - color: transparent; + margin-left: 6px; + color: transparent; } .osd-window .level { - margin-bottom: 4px; - height: 8px; - min-width: 10em; - -barlevel-height: 8px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-active-background-color: #8aadf4; - -barlevel-overdrive-color: #8aadf4; - -barlevel-overdrive-separator-width: 0px; + margin-bottom: 4px; + height: 8px; + min-width: 10em; + -barlevel-height: 8px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-active-background-color: #8aadf4; + -barlevel-overdrive-color: #8aadf4; + -barlevel-overdrive-separator-width: 0px; } .osd-window .level:first-child { - margin-top: 26px; + margin-top: 26px; } .osd-window .level:last-child { - margin-bottom: 26px; + margin-bottom: 26px; } .osd-window .level:ltr { - margin-right: 6px; + margin-right: 6px; } .osd-window .level:rtl { - margin-left: 6px; + margin-left: 6px; } .osd-monitor-label { - color: #cad3f5; - background-color: #181926; - border: 2px solid #8aadf4; - border-radius: 999px; - padding: 12px; + color: #cad3f5; + background-color: #181926; + border: 2px solid #8aadf4; + border-radius: 999px; + padding: 12px; } .osd-monitor-label { - border-radius: 16px; - font-size: 3em; - font-weight: bold; - margin: 12px; - text-align: center; - min-width: 1.3em; + border-radius: 16px; + font-size: 3em; + font-weight: bold; + margin: 12px; + text-align: center; + min-width: 1.3em; } - /*HOT CORNER*/ .ripple-box { - background-color: rgba(233, 242, 252, 0.2); - box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1); - width: 52px; - height: 52px; - border-radius: 0 0 52px 0; + background-color: rgba(233, 242, 252, 0.2); + box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1); + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; } .ripple-box:rtl { - border-radius: 0 0 0 52px; + border-radius: 0 0 0 52px; } - /*TOP BAR*/ #panel { - background-color: #181926; - font-weight: bold; - height: 2.25em; - transition-duration: 250ms; - margin: 0.75em 0.75em 0.25em; - font-size: 11pt; - border: 2px solid transparent #8aadf4; - border-radius: 50px; + background-color: #181926; + font-weight: bold; + height: 2.25em; + transition-duration: 250ms; + margin: 0.75em 0.75em 0.25em; + font-size: 11pt; + border: 2px solid transparent #8aadf4; + border-radius: 50px; } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #cad3f5; - transition-duration: 150ms; - text-shadow: none; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.01); - border: 2px solid transparent; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #cad3f5; + transition-duration: 150ms; + text-shadow: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.01); + border: 2px solid transparent; } #panel .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); - color: #181926; - background-color: #8aadf4; + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + color: #181926; + background-color: #8aadf4; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); - color: #181926; - background-color: #8aadf4; + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); + color: #181926; + background-color: #8aadf4; } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview { - background-color: transparent; - border: transparent; + background-color: transparent; + border: transparent; } /*clock*/ #panel .panel-button.clock-display .clock { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 8px; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 8px; } #panel .panel-button:hover.clock-display { - box-shadow: none; + box-shadow: none; } #panel .panel-button:hover.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px #8aadf4; } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { - box-shadow: none; + box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 100px #8aadf4; } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { - box-shadow: none; + box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } /*recorder*/ #panel .panel-button.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel .panel-button:hover.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel .screencast-indicator, #panel .remote-access-indicator { - color: #eed49f; + color: #eed49f; } #panel .panel-button.screen-recording-indicator StBoxLayout { - spacing: 6px; + spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { - icon-size: 1.1em; + icon-size: 1.1em; } #panel .panel-button .system-status-icon { - icon-size: 1.1em; - padding: 5px; - margin: 0px; + icon-size: 1.1em; + padding: 5px; + margin: 0px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { - margin: 0; + margin: 0; } #panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; + -st-icon-style: symbolic; } #panel .panel-button#panelActivities { - -natural-hpadding: 18px; + -natural-hpadding: 18px; } /*panel lockscreen*/ #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel:overview .panel-button { - box-shadow: none; - font-weight: bold; - color: #cad3f5; - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 8px; + box-shadow: none; + font-weight: bold; + color: #cad3f5; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 8px; } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); - color: #181926; + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + color: #181926; } #panel.unlock-screen .panel-button:active, @@ -406,9 +401,9 @@ stage { #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { - background-color: #8aadf4; - color: #181926; - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); + background-color: #8aadf4; + color: #181926; + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); } #panel.unlock-screen .panel-button:active:hover, @@ -423,38 +418,38 @@ stage { #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } /*clock lockscreen*/ #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display, #panel:overview .panel-button.clock-display { - box-shadow: none; - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 8px; + box-shadow: none; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 8px; } #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock, #panel:overview .panel-button.clock-display .clock { - box-shadow: none; - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 8px; + box-shadow: none; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 8px; } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { - box-shadow: none; + box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:active.clock-display, @@ -469,7 +464,7 @@ stage { #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { - box-shadow: none; + box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, @@ -484,7 +479,7 @@ stage { #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05); } #panel.unlock-screen .panel-button:active:hover.clock-display, @@ -499,7 +494,7 @@ stage { #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { - box-shadow: none; + box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, @@ -514,20 +509,20 @@ stage { #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } /*record lockscreen*/ #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator, #panel:overview .panel-button.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel.unlock-screen .panel-button:active.screen-recording-indicator, @@ -542,7 +537,7 @@ stage { #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, @@ -557,1558 +552,1545 @@ stage { #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { - box-shadow: inset 0 0 0 100px #ed8796; + box-shadow: inset 0 0 0 100px #ed8796; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { - spacing: 2px; + spacing: 2px; } #panel .power-status.panel-status-indicators-box { - spacing: 0; + spacing: 0; } #appMenu { - spacing: 6px; + spacing: 6px; } #appMenu .label-shadow { - color: transparent; + color: transparent; } #appMenu .panel-status-menu-box { - padding: 0 6px; - spacing: 6px; + padding: 0 6px; + spacing: 6px; } .clock-display-box { - spacing: 2px; + spacing: 2px; } .clock-display-box .clock { - padding-left: 12px; - padding-right: 12px; + padding-left: 12px; + padding-right: 12px; } - /*BUTTONS*/ .button { - padding: 6px 25px; - border-radius: 6px; + padding: 6px 25px; + border-radius: 6px; } - /*SWITCH*/ .toggle-switch { - color: #cad3f5; - height: 24px; - width: 46px; - background-size: contain; - background-image: url("toggle-off.svg"); + color: #cad3f5; + height: 24px; + width: 46px; + background-size: contain; + background-image: url("toggle-off.svg"); } .toggle-switch:checked { - background-image: url("toggle-on.svg"); + background-image: url("toggle-on.svg"); } - /*CHECK BOXES*/ .check-box StBoxLayout { - spacing: .8em; + spacing: .8em; } .check-box StBin { - width: 24px; - height: 24px; - background-image: url("checkbox-off.svg"); + width: 24px; + height: 24px; + background-image: url("assets/checkbox-off.svg"); } .check-box:focus StBin { - background-image: url("checkbox-off.svg"); + background-image: url("assets/checkbox-off.svg"); } .check-box:checked StBin { - background-image: url("checkbox.svg"); + background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { - background-image: url("checkbox-focused.svg"); + background-image: url("assets/checkbox.svg"); } - /*SLIDER*/ .slider { - height: 20px; - color: #cad3f5; - border-radius: 9999px; - -slider-height: 0px; - -slider-border-width: 0px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-active-background-color: #8aadf4; - -slider-border-color: transparent; - -slider-active-border-color: transparent; - -slider-handle-radius: 10px; - -slider-handle-border-width: 0px; - -slider-handle-border-color: transparent; - -barlevel-height: 20px; - -barlevel-border-width: 0px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-active-background-color: #8aadf4; - -barlevel-border-color: #8aadf4; - -barlevel-active-border-color: #8aadf4; - -barlevel-overdrive-color: #8aadf4; - -barlevel-overdrive-border-color: #8aadf4; - -barlevel-overdrive-separator-width: 0; - margin-left: 2px; + height: 20px; + color: #cad3f5; + border-radius: 9999px; + -slider-height: 0px; + -slider-border-width: 0px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-active-background-color: #8aadf4; + -slider-border-color: transparent; + -slider-active-border-color: transparent; + -slider-handle-radius: 10px; + -slider-handle-border-width: 0px; + -slider-handle-border-color: transparent; + -barlevel-height: 20px; + -barlevel-border-width: 0px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-active-background-color: #8aadf4; + -barlevel-border-color: #8aadf4; + -barlevel-active-border-color: #8aadf4; + -barlevel-overdrive-color: #8aadf4; + -barlevel-overdrive-border-color: #8aadf4; + -barlevel-overdrive-separator-width: 0; + margin-left: 2px; } - /*DATE/TIME MENU*/ #calendarArea { - padding: 4px; + padding: 4px; } .datemenu-calendar-column { - spacing: 6px; + spacing: 6px; } .datemenu-calendar-column:ltr { - padding-left: 0px; + padding-left: 0px; } .datemenu-calendar-column:rtl { - padding-right: 0px; + padding-right: 0px; } .datemenu-calendar-column .datemenu-displays-box { - spacing: 6px; + spacing: 6px; } /*today button*/ .datemenu-today-button { - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - background-color: transparent; - background-color: none; - box-shadow: none !important; - padding: 9px; - color: #cad3f5; + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + background-color: transparent; + background-color: none; + box-shadow: none !important; + padding: 9px; + color: #cad3f5; } .datemenu-today-button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .datemenu-today-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: #363a4f; } .datemenu-today-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(40, 40, 40, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(40, 40, 40, 0.05); + box-shadow: none; } .datemenu-today-button:focus:hover { - background-color: rgba(40, 40, 40, 0.1); - box-shadow: none; + background-color: rgba(40, 40, 40, 0.1); + box-shadow: none; } .datemenu-today-button:focus:active { - background-color: rgba(40, 40, 40, 0.05); - box-shadow: none; + background-color: rgba(40, 40, 40, 0.05); + box-shadow: none; } .datemenu-today-button:insensitive { - transition: 200ms; - background-color: transparent; - color: #cad3f5; + transition: 200ms; + background-color: transparent; + color: #cad3f5; } - /*CALENDAR*/ .calendar { - border-radius: 8px; - margin: 5px; - box-shadow: none; - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none !important; - margin-top: 0; - padding: 5px; + border-radius: 8px; + margin: 5px; + box-shadow: none; + transition: 200ms; + background-color: #24273a; + box-shadow: none !important; + margin-top: 0; + padding: 5px; } .calendar:hover { - transition: 200ms; - color: #cad3f5; - background-color: transparent; + transition: 200ms; + color: #cad3f5; + background-color: transparent; } .calendar:active { - transition: 200ms; - color: #cad3f5; - background-color: transparent; + transition: 200ms; + color: #cad3f5; + background-color: transparent; } .calendar:insensitive { - transition: 200ms; - color: #cad3f5; - background-color: transparent; + transition: 200ms; + color: #cad3f5; + background-color: transparent; } .calendar:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .calendar:focus:hover { - transition: 200ms; - background-color: transparent; - box-shadow: none; + transition: 200ms; + background-color: transparent; + box-shadow: none; } .calendar:focus:active { - transition: 200ms; - background-color: transparent; - box-shadow: none; + transition: 200ms; + background-color: transparent; + box-shadow: none; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { - color: #cad3f5; - padding: 8px 0; + color: #cad3f5; + padding: 8px 0; + background-color: #363a4f; } .calendar .calendar-month-header .pager-button { - transition: 200ms; - background-color: transparent; - height: 32px; - width: 32px; - margin: 2px; - border-radius: 6px; + border: 2px solid transparent; + transition: 200ms; + background-color: transparent; + height: 32px; + width: 32px; + margin: 2px; + border-radius: 6px; } .calendar .calendar-month-header .pager-button:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + background-color: #363a4f; } .calendar .calendar-month-header .pager-button:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + background-color: #363a4f; } .calendar .calendar-month-header .pager-button:focus { - transition: 200ms; - background-color: rgba(40, 40, 40, 0.05); + transition: 200ms; + background-color: #363a4f; } .calendar .calendar-month-header .pager-button:focus:hover { - transition: 200ms; - background-color: rgba(40, 40, 40, 0.1); + transition: 200ms; + background-color: #363a4f; } .calendar .calendar-month-header .pager-button:focus:active { - transition: 200ms; - background-color: rgba(40, 40, 40, 0.05); + transition: 200ms; + background-color: #363a4f; } .calendar .calendar-day-base { - text-align: center; - margin: 2px; - padding: 0px !important; - height: 2.7em !important; - width: 2.7em !important; - border-radius: 99px; - transition: 200ms; - color: #cad3f5; + text-align: center; + margin: 2px; + padding: 0px !important; + height: 2.7em !important; + width: 2.7em !important; + border-radius: 99px; + transition: 200ms; + color: #cad3f5; } .calendar .calendar-day-base:hover { - background-color: rgba(255, 255, 255, 0.05); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; } .calendar .calendar-day-base:active { - background-color: rgba(255, 255, 255, 0.1); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; } .calendar .calendar-day-base:selected { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; } .calendar .calendar-day-base:focus { - background-color: rgba(40, 40, 40, 0.05); - color: #cad3f5; - box-shadow: none; - transition: 200ms; + background-color: rgba(40, 40, 40, 0.05); + color: #cad3f5; + box-shadow: none; + transition: 200ms; } .calendar .calendar-day-base:active:focus { - background-color: rgba(255, 255, 255, 0.05); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; } .calendar .calendar-day-base:selected:focus { - background-color: rgba(255, 255, 255, 0.1); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; } .calendar .calendar-day-base.calendar-day-heading { - color: #cad3f5; - padding-top: 6px; - height: 16px !important; - font-weight: bold; + color: #cad3f5; + padding-top: 6px; + height: 16px !important; + font-weight: bold; } .calendar .calendar-nonwork-day { - color: #cad3f5; + color: #cad3f5; } .calendar .calendar-other-month-day { - color: #8aadf4; + color: #8aadf4; } .calendar .calendar-other-month-day.calendar-nonwork-day { - color: #8aadf4; + color: #8aadf4; } .calendar .calendar-today { - background-color: #89b4fa; - font-weight: 400; - color: #181926 !important; - transition: 200ms; + background-color: #89b4fa; + font-weight: 400; + color: #181926 !important; + transition: 200ms; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { - background-color: #89b4fa; - color: inherit; - transition: 200ms; + background-color: #89b4fa; + color: inherit; + transition: 200ms; } .calendar .calendar-today:active, .calendar .calendar-today:selected { - background-color: #cad3f5; - color: inherit; - transition: 200ms; + background-color: #89b4fa; + color: inherit; + transition: 200ms; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #cad3f5; - color: inherit; - transition: 200ms; + background-color: #cad3f5; + color: inherit; + transition: 200ms; } .calendar .calendar-day-with-events { - background-image: url("calendar-today.svg"); - background-size: contain; + background-image: url("assets/calendar-today.svg"); + background-size: contain; } .calendar .calendar-week-number { - font-size: 7pt; - font-weight: bold; - font-feature-settings: "tnum"; - margin: 6px; - padding: 0 6px; - border-radius: 3px; - background-color: transparent; - color: #cad3f5; + font-size: 7pt; + font-weight: bold; + font-feature-settings: "tnum"; + margin: 6px; + padding: 0 6px; + border-radius: 3px; + background-color: transparent; + color: #cad3f5; } - /*EVENTS*/ .events-button { - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + padding: 12px; } .events-button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .events-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .events-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .events-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .events-button:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .events-button .events-box { - spacing: 6px; + spacing: 6px; } .events-button .events-list { - spacing: 12px; + spacing: 12px; } .events-button .events-title { - color: #cad3f5; - margin-bottom: 4px; + color: #cad3f5; + margin-bottom: 4px; } .events-button .event-time { - color: #8aadf4; + color: #8aadf4; } - /*WORLD CLOCKS*/ .world-clocks-button { - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + padding: 12px; } .world-clocks-button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .world-clocks-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .world-clocks-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: none; } .world-clocks-button:focus:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .world-clocks-button:focus:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .world-clocks-button .world-clocks-grid { - spacing-rows: 6px; - spacing-columns: 12px; + spacing-rows: 6px; + spacing-columns: 12px; } .world-clocks-button .world-clocks-header { - color: #cad3f5; + color: #cad3f5; } .world-clocks-button .world-clocks-city { - color: #cad3f5; + color: #cad3f5; } .world-clocks-button .world-clocks-time { - color: #cad3f5; + color: #cad3f5; } .world-clocks-button .world-clocks-time:ltr { - text-align: right; + text-align: right; } .world-clocks-button .world-clocks-time:rtl { - text-align: left; + text-align: left; } .world-clocks-button .world-clocks-timezone { - color: #8aadf4; + color: #8aadf4; } - /*WEATHER*/ .weather-button { - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + padding: 12px; } .weather-button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .weather-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .weather-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .weather-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .weather-button:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .weather-button .weather-box { - spacing: 10px; + spacing: 10px; } .weather-button .weather-header-box { - spacing: 6px; + spacing: 6px; } .weather-button .weather-header { - color: #cad3f5; + color: #cad3f5; } .weather-button .weather-header.location { - font-weight: normal; + font-weight: normal; } .weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; + spacing-rows: 6px; + spacing-columns: 12px; } .weather-button .weather-forecast-time { - color: #8aadf4; - padding-top: 0.2em; - padding-bottom: 0.4em; + color: #8aadf4; + padding-top: 0.2em; + padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { - icon-size: 2.18em; + icon-size: 2.18em; } - /*MESSAGE LIST*/ .message-list { - width: 29em; - border: solid transparent; + width: 29em; + border: solid transparent; } .message-list:ltr { - margin-left: 0; - margin-right: 4px; - padding-right: 6px; - border-right-width: 1px; + margin-left: 0; + margin-right: 4px; + padding-right: 6px; + border-right-width: 1px; } .message-list:rtl { - margin-right: 0; - margin-left: 4px; - padding-left: 6px; - border-left-width: 1px; + margin-right: 0; + margin-left: 4px; + padding-left: 6px; + border-left-width: 1px; } .message-list .message-list-placeholder { - color: #8aadf4; + color: #8aadf4; } -.message-list .message-list-placeholder>StIcon { - icon-size: 3.27em; - margin-bottom: 12px; - -st-icon-style: symbolic; +.message-list .message-list-placeholder > StIcon { + icon-size: 3.27em; + margin-bottom: 12px; + -st-icon-style: symbolic; } .message-list-sections { - spacing: 6px; - margin: 0; - padding-bottom: 6px; + spacing: 6px; + margin: 0; + padding-bottom: 6px; } .message-list-sections:ltr { - margin-right: 12px; + margin-right: 12px; } .message-list-sections:rtl { - margin-left: 12px; + margin-left: 12px; } .message-list-section, .message-list-section-list { - spacing: 6px; + spacing: 6px; } .message-list-controls { - padding: 6px; - spacing: 6px; + padding: 6px; + spacing: 6px; } .message-list-controls .dnd-button { - border-width: 2px; - border-color: transparent; - border-radius: 32px; - border-style: solid; + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; } .message-list-controls .dnd-button:focus { - border-color: transparent; + border-color: transparent; } .message { - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .message:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .message:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .message:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .message:focus:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .message:focus:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .message .message-icon-bin { - padding: 18px; + padding: 18px; } .message .message-icon-bin:ltr { - padding-right: 6px; + padding-right: 6px; } .message .message-icon-bin:rtl { - padding-left: 6px; + padding-left: 6px; } -.message .message-icon-bin>StIcon { - icon-size: 2.18em; - -st-icon-style: symbolic; +.message .message-icon-bin > StIcon { + icon-size: 2.18em; + -st-icon-style: symbolic; } -.message .message-icon-bin>.fallback-app-icon { - width: 1.09em; - height: 1.09em; +.message .message-icon-bin > .fallback-app-icon { + width: 1.09em; + height: 1.09em; } .message .message-content { - spacing: 4px; - padding: 9px; - margin-bottom: 8px; + spacing: 4px; + padding: 9px; + margin-bottom: 8px; } .message .message-title { - font-weight: bold; - padding-top: 0.57em; + font-weight: bold; + padding-top: 0.57em; } .message .message-secondary-bin { - padding: 0 8px; + padding: 0 8px; } -.message .message-secondary-bin>.event-time { - color: #8aadf4; - font-size: 9pt; - padding-bottom: 0.13em; +.message .message-secondary-bin > .event-time { + color: #8aadf4; + font-size: 9pt; + padding-bottom: 0.13em; } -.message .message-secondary-bin>.event-time:ltr { - text-align: right; +.message .message-secondary-bin > .event-time:ltr { + text-align: right; } -.message .message-secondary-bin>.event-time:rtl { - text-align: left; +.message .message-secondary-bin > .event-time:rtl { + text-align: left; } .message .message-close-button { - color: #cad3f5; - background-color: transparent; - border-radius: 99px; - padding: 5px; - margin: 1px; + color: #cad3f5; + background-color: transparent; + border-radius: 99px; + padding: 5px; + margin: 1px; } .message .message-close-button StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .message .message-close-button:hover { - color: #181926; - background-color: #ed8796; + color: #181926; + background-color: #ed8796; } .message .message-close-button:active { - color: #181926; - background-color: #ed8796; + color: #181926; + background-color: #ed8796; } .message .message-body { - color: #cad3f5; + color: #cad3f5; } .url-highlighter { - link-color: #89b4fa; + link-color: #89b4fa; } - /*NOTIFICATIONS*/ .notification-banner { - min-height: 64px; - width: 34em; - box-shadow: none; - border-radius: 12px; - margin: 10px; - background-color: #181926; - border: 1px solid rgba(255, 255, 255, 0.05); + min-height: 64px; + width: 34em; + box-shadow: none; + border-radius: 12px; + margin: 10px; + background-color: #181926; + border: 1px solid rgba(255, 255, 255, 0.05); } .notification-banner:hover { - min-height: 64px; - width: 34em; - box-shadow: none; - border-radius: 12px; - margin: 10px; - background-color: #181926; - border: 1px solid rgba(255, 255, 255, 0.05); + min-height: 64px; + width: 34em; + box-shadow: none; + border-radius: 12px; + margin: 10px; + background-color: #181926; + border: 1px solid rgba(255, 255, 255, 0.05); } .notification-banner .notification-actions { - spacing: 0; + spacing: 0; } - /*MEDIA CONTORLS*/ .message-media-control { - padding: 10px; - margin: 23px 0; - border-radius: 8px; - color: #cad3f5; - transition: 200ms; + padding: 10px; + margin: 23px 0; + border-radius: 8px; + color: #cad3f5; + transition: 200ms; } .message-media-control StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .message-media-control:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; - transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + transition: 200ms; } .message-media-control:active { - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5; - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + transition: 200ms; } .message-media-control:insensitive { - color: #8aadf4; - transition: 200ms; + color: #8aadf4; + transition: 200ms; } .message-media-control:last-child:ltr { - margin-right: 12px; + margin-right: 12px; } .message-media-control:last-child:rtl { - margin-left: 12px; + margin-left: 12px; } .media-message-cover-icon { - icon-size: 3.27em !important; - border-radius: 8px; + icon-size: 3.27em !important; + border-radius: 8px; } .media-message-cover-icon.fallback { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - border: 1px solid transparent; - border-radius: 8px; - icon-size: 2.18em !important; - padding: 8px; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + border: 1px solid transparent; + border-radius: 8px; + icon-size: 2.18em !important; + padding: 8px; } .candidate-popup-content { - padding: 6px; - spacing: 6px; + padding: 6px; + spacing: 6px; } .candidate-index { - padding: 0; - padding-right: 6px; - color: #cad3f5; + padding: 0; + padding-right: 6px; + color: #cad3f5; } .candidate-box { - padding: 6px 12px 6px 12px; - border-radius: 8px; + padding: 6px 12px 6px 12px; + border-radius: 8px; } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; } .candidate-box:selected { - background-color: #89b4fa; - color: #cad3f5; + background-color: #89b4fa; + color: #cad3f5; } .candidate-page-button-box { - height: 2em; + height: 2em; } .vertical .candidate-page-button-box { - padding-top: 12px; + padding-top: 12px; } .horizontal .candidate-page-button-box { - padding-left: 12px; + padding-left: 12px; } .candidate-page-button { - padding: 6px; + padding: 6px; } .candidate-page-button StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .candidate-page-button-previous { - border-radius: 8px 0px 0px 8px; - border-right-width: 0; - box-shadow: none; + border-radius: 8px 0px 0px 8px; + border-right-width: 0; + box-shadow: none; } .candidate-page-button-next { - border-radius: 0px 8px 8px 0px; - box-shadow: none; + border-radius: 0px 8px 8px 0px; + box-shadow: none; } .candidate-page-button-icon { - icon-size: 1.09em; + icon-size: 1.09em; } - /*SCROLLBAR*/ StScrollView.vfade { - -st-vfade-offset: 32px; + -st-vfade-offset: 32px; } StScrollView.hfade { - -st-hfade-offset: 32px; + -st-hfade-offset: 32px; } StScrollBar { - padding: 0; + padding: 0; } StScrollView StScrollBar { - min-width: 13px; - min-height: 40px; + min-width: 13px; + min-height: 40px; } StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: transparent; + margin: 6px; + border-radius: 100px; + background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.15); - margin: 3px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.15); + margin: 3px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #8aadf4; + background-color: #8aadf4; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } - /*SCREEN/CAST MENU*/ .screenshot-ui-panel { - color: #cad3f5; - background-color: #181926; - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 999px; - padding: 12px; + color: #cad3f5; + background-color: #181926; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 999px; + padding: 12px; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { - transition: 200ms; - background-color: transparent; - background-color: none; + transition: 200ms; + background-color: transparent; + background-color: none; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.15); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.15); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: transparent; - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: transparent; + box-shadow: none; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: transparent; + transition: 200ms; + color: #8aadf4; + background-color: transparent; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition: 200ms; - background-color: transparent; - background-color: none; + transition: 200ms; + background-color: transparent; + background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: transparent; + transition: 200ms; + color: #8aadf4; + background-color: transparent; } .screenshot-ui-panel { - border-radius: 37px; - padding: 18px; - padding-bottom: 12px; - margin-bottom: 4em; - spacing: 12px; + border-radius: 37px; + padding: 18px; + padding-bottom: 12px; + margin-bottom: 4em; + spacing: 12px; } .screenshot-ui-close-button { - padding: 2px !important; - margin-top: 12px; - box-shadow: none; + padding: 2px !important; + margin-top: 12px; + box-shadow: none; } .screenshot-ui-close-button.left { - margin-left: 12px; - background-color: #ed8796; + margin-left: 12px; + background-color: #ed8796; } .screenshot-ui-close-button.right { - margin-right: 12px; - background-color: #ed8796; + margin-right: 12px; + background-color: #ed8796; } .screenshot-ui-close-button.left:hover, .screenshot-ui-close-button.right:hover { - margin-right: 12px; - background-color: #ed8796; + margin-right: 12px; + background-color: #ed8796; } .screenshot-ui-close-button.left:active, .screenshot-ui-close-button.right:active { - margin-right: 12px; - background-color: #ed8796; + margin-right: 12px; + background-color: #ed8796; } .screenshot-ui-type-button { - min-width: 48px; - padding: 12px 18px !important; - border-radius: 19px; + min-width: 48px; + padding: 12px 18px !important; + border-radius: 19px; } .screenshot-ui-capture-button { - width: 36px; - height: 36px; - border-radius: 99px; - border: 4px #cad3f5; - padding: 4px; + width: 36px; + height: 36px; + border-radius: 99px; + border: 4px #cad3f5; + padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { - background-color: #cad3f5; - transition-duration: 200ms; - border-radius: 99px; + background-color: #cad3f5; + transition-duration: 200ms; + border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { - background-color: #cad3f5; + background-color: #cad3f5; } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { - background-color: #cad3f5; + background-color: #cad3f5; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { - background-color: #8aadf4; + background-color: #8aadf4; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { - background-color: #ed8796; + background-color: #ed8796; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { - background-color: #ed8796; + background-color: #ed8796; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { - background-color: #ed8796; + background-color: #ed8796; } .screenshot-ui-shot-cast-container { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 16px; - padding: 3px; - spacing: 3px; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 16px; + padding: 3px; + spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { - margin-left: 3px; + margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { - margin-right: 3px; + margin-right: 3px; } .screenshot-ui-shot-cast-button { - padding: 6px 12px; - background-color: transparent; - border-radius: 13px; + padding: 6px 12px; + background-color: transparent; + border-radius: 13px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .screenshot-ui-shot-cast-button:checked { - background-color: #cad3f5; - color: #181926; + background-color: #cad3f5; + color: #181926; } .screenshot-ui-shot-cast-button StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .screenshot-ui-show-pointer-button { - border-radius: 99px; - padding: 12px !important; + border-radius: 99px; + padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { - border: 2px #8aadf4; + border: 2px #8aadf4; } .screenshot-ui-area-selector-handle { - border-radius: 99px; - background-color: #cad3f5; - box-shadow: none; - width: 18px; - height: 18px; + border-radius: 99px; + background-color: #cad3f5; + box-shadow: none; + width: 18px; + height: 18px; } .screenshot-ui-window-selector { - background-color: #181926; + background-color: #181926; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { - margin: 100px; + margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { - margin-bottom: 200px; + margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { - transition-duration: 200ms; - border-radius: 16px; - border: 6px transparent; + transition-duration: 200ms; + border-radius: 16px; + border: 6px transparent; } .screenshot-ui-window-selector-check { - transition-duration: 200ms; - color: transparent; - border-radius: 99px; - border-width: 12px; - icon-size: 24px; + transition-duration: 200ms; + color: transparent; + border-radius: 99px; + border-width: 12px; + icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { - border-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { - border-color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { - color: #cad3f5; - background-color: #89b4fa; + color: #cad3f5; + background-color: #89b4fa; } .screenshot-ui-screen-selector { - transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.5); + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { - background-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { - background-color: transparent; - border: 2px #8aadf4; + background-color: transparent; + border: 2px #8aadf4; } .screenshot-ui-tooltip { - color: #cad3f5; - background-color: #181926; - border-radius: 6px; - padding: 6px 12px; - text-align: center; - -y-offset: 24px; + color: #cad3f5; + background-color: #181926; + border-radius: 6px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; } - /*POPOVERS/MENUS*/ .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-rise: 6px; + -arrow-rise: 6px; } .popup-menu { - min-width: 15em; - color: #cad3f5; + min-width: 15em; + color: #cad3f5; } .popup-menu.panel-menu { - margin-bottom: 1.75em; + margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { - padding: 5px; - border-radius: 12px; - border: 2px solid #8aadf4; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); - background-color: #181926; + padding: 5px; + border-radius: 12px; + border: 2px solid #8aadf4; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + background-color: #181926; } .popup-menu-item { - padding: 8px 12px; - border-radius: 8px; - spacing: 6px; - transition: 200ms; - background-color: transparent; + padding: 8px 12px; + border-radius: 8px; + spacing: 6px; + transition: 200ms; + background-color: transparent; + border: 2px solid transparent; } .popup-menu-item:ltr { - padding-left: 5px; + padding-left: 5px; } .popup-menu-item:rtl { - padding-right: 5px; + padding-right: 5px; } .popup-menu-item:focus, .popup-menu-item:hover { - background-color: rgba(255, 255, 255, 0.07) !important; + background-color: rgba(255, 255, 255, 0.07) !important; } .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { - background-color: rgba(255, 255, 255, 0.05) !important; + background-color: rgba(255, 255, 255, 0.05) !important; } .popup-menu-item:checked { - background-color: rgba(255, 255, 255, 0.05) !important; - margin-bottom: 0; - box-shadow: none; - border-radius: 8px 8px 0 0; + background-color: rgba(255, 255, 255, 0.05) !important; + margin-bottom: 0; + box-shadow: none; + border-radius: 8px 8px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { - background-color: rgba(255, 255, 255, 0.07) !important; + background-color: rgba(255, 255, 255, 0.07) !important; } .popup-menu-item:checked:active { - background-color: rgba(255, 255, 255, 0.05) !important; + background-color: rgba(255, 255, 255, 0.05) !important; } .popup-menu-item:insensitive { - color: #8aadf4; + color: #8aadf4; } .popup-menu-item .toggle-switch:ltr { - margin-left: 4px; + margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { - margin-right: 4px; + margin-right: 4px; } .popup-inactive-menu-item { - color: #cad3f5; + color: #cad3f5; } .popup-inactive-menu-item:insensitive { - color: #8aadf4; + color: #8aadf4; } .popup-menu-arrow, .popup-menu-icon { - icon-size: 16px !important; + icon-size: 16px !important; } .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 0 0 8px 8px; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 0 0 8px 8px; } .popup-sub-menu .popup-menu-ornament { - min-width: 1.09em !important; + min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { - border-radius: 6px; - margin: 0 5px; + border-radius: 6px; + margin: 0 5px; } .popup-sub-menu .popup-menu-item:first-child { - margin-top: 5px; + margin-top: 5px; } .popup-sub-menu .popup-menu-item:last-child { - margin-bottom: 5px; + margin-bottom: 5px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { - background-color: rgba(255, 255, 255, 0.07) !important; + background-color: rgba(255, 255, 255, 0.07) !important; } .popup-sub-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.05) !important; + background-color: rgba(255, 255, 255, 0.05) !important; } .popup-sub-menu .popup-menu-item:checked { - background-color: transparent !important; + background-color: transparent !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { - background-color: rgba(255, 255, 255, 0.07) !important; + background-color: rgba(255, 255, 255, 0.07) !important; } .popup-menu-ornament { - width: 1.2em; - text-align: center !important; + width: 1.2em; + text-align: center !important; } .popup-menu-ornament:ltr { - text-align: right; + text-align: right; } .popup-menu-ornament:rtl { - text-align: left; + text-align: left; } .popup-separator-menu-item { - margin: 0; - padding: 0 !important; + margin: 0; + padding: 0 !important; } .popup-separator-menu-item:ltr { - margin-right: 4px; + margin-right: 4px; } .popup-separator-menu-item:rtl { - margin-left: 4px; + margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - background-color: transparent; + height: 1px; + background-color: transparent; } .popup-separator-menu-item .popup-menu-ornament { - width: 0 !important; + width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { - background-color: transparent; - height: 0px; - margin: 0; - padding: 0; + background-color: transparent; + height: 0px; + margin: 0; + padding: 0; } .popup-sub-menu .popup-separator-menu-item:ltr { - margin-right: 2.5em; + margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { - margin-left: 2.5em; + margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - background-color: transparent; + background-color: transparent; } .background-menu { - -boxpointer-gap: 0px; - -arrow-rise: 0px; + -boxpointer-gap: 0px; + -arrow-rise: 0px; } .aggregate-menu { - min-width: 18em; + min-width: 18em; } .aggregate-menu .popup-menu-ornament { - width: 0 !important; + width: 0 !important; } .aggregate-menu .popup-menu-icon { - -st-icon-style: symbolic; + -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { - margin-right: 8px; + margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { - margin-left: 8px; + margin-left: 8px; } -.aggregate-menu .popup-sub-menu .popup-menu-item> :first-child:ltr { - margin-left: 1em; +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + margin-left: 1em; } -.aggregate-menu .popup-sub-menu .popup-menu-item> :first-child:rtl { - margin-right: 1em; +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + margin-right: 1em; } .app-menu { - max-width: 27.25em; + max-width: 27.25em; } .app-menu .popup-menu-ornament { - width: 0 !important; + width: 0 !important; } -.app-menu .popup-inactive-menu-item:first-child>StLabel:ltr { - margin-right: 8px; +.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; } -.app-menu .popup-inactive-menu-item:first-child>StLabel:rtl { - margin-left: 8px; +.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; } - /*MODAL DIALOG*/ @@ -2116,352 +2098,348 @@ StScrollBar StButton#hhandle:active { .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { - font-weight: 400; - font-size: 15pt; + font-weight: 400; + font-size: 15pt; } .modal-dialog { - color: #cad3f5; - background-color: #181926; - border-radius: 12px; - border: 1px solid rgba(255, 255, 255, 0.1); - padding: 0px 5px 5px 5px; + color: #cad3f5; + background-color: #181926; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 0px 5px 5px 5px; } .modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; + margin: 32px 40px; + spacing: 32px; + max-width: 28em; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { - padding: 10px; - font-weight: bold !important; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 8px; - margin: 5px; + padding: 10px; + font-weight: bold !important; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 8px; + margin: 5px; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { - transition: 200ms; - color: #181926; - background-color: #8aadf4; + transition: 200ms; + color: #181926; + background-color: #8aadf4; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); } .modal-dialog .modal-dialog-linked-button:last-child { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:hover { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:active { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:checked { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:checked:hover { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:checked:active { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:focus { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:focus:hover { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } .modal-dialog .modal-dialog-linked-button:last-child:focus:active { - background-color: #ed8796; - border: none; - color: #181926; + background-color: #ed8796; + border: none; + color: #181926; } /*NETWORK*/ .nm-dialog { - max-height: 34em; - min-height: 34em; - min-width: 32em; + max-height: 34em; + min-height: 34em; + min-width: 32em; } .nm-dialog-content { - spacing: 20px; - padding: 24px; + spacing: 20px; + padding: 24px; } .nm-dialog-subheader { - color: #cad3f5; + color: #cad3f5; } .nm-dialog-header-icon { - icon-size: 2.18em; + icon-size: 2.18em; } .nm-dialog-header-hbox { - spacing: 10px; + spacing: 10px; } .nm-dialog-network-selected { - margin: 0 8px; + margin: 0 8px; } .nm-dialog-scroll-view { - padding: 6px; - border-radius: 8px; - background-color: rgba(255, 255, 255, 0.05); + padding: 6px; + border-radius: 8px; + background-color: rgba(255, 255, 255, 0.05); } .nm-dialog-item { - padding: 10px; - border-radius: 6px; + padding: 10px; + border-radius: 6px; } .nm-dialog-item:hover { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .nm-dialog-item:selected { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .nm-dialog-icon { - icon-size: 1.09em; + icon-size: 1.09em; } .nm-dialog-icons { - spacing: 12px; + spacing: 12px; } .no-networks-box { - spacing: 6px; + spacing: 6px; } .no-networks-label { - color: #cad3f5; + color: #cad3f5; } .nm-dialog-airplane-box { - text-align: center; - spacing: 12px; + text-align: center; + spacing: 12px; } .nm-dialog-airplane-text { - color: #cad3f5; + color: #cad3f5; } - /*ENTRIES*/ StEntry { - background-color: rgba(255, 255, 255, 0.05); - border: 2px solid transparent; - box-shadow: none; - color: #cad3f5; - border-radius: 6px; - padding: 8px; - selection-background-color: #8aadf4; - selected-color: #cad3f5; - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + border: 2px solid transparent; + box-shadow: none; + color: #cad3f5; + border-radius: 6px; + padding: 8px; + selection-background-color: #8aadf4; + selected-color: #cad3f5; + transition: 200ms; } StEntry:hover { - background-color: rgba(255, 255, 255, 0.05); - border: 2px solid transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + border: 2px solid transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + transition: 200ms; } StEntry:focus { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; - transition: 200ms; - border: 2px solid #8aadf4; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + transition: 200ms; + border: 2px solid #8aadf4; } StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - border-color: transparent; - color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); + border-color: transparent; + color: #8aadf4; } StEntry StIcon.capslock-warning { - warning-color: #eed49f; - icon-size: 16px; - padding: 0 4px; + warning-color: #eed49f; + icon-size: 16px; + padding: 0 4px; } StEntry StIcon.peek-password { - color: #8aadf4; - icon-size: 1.09em; - padding: 0 4px; + color: #8aadf4; + icon-size: 1.09em; + padding: 0 4px; } StEntry StLabel.hint-text { - margin-left: 2px; + margin-left: 2px; } - /*MOUSE LOCATION (CTRL)*/ .ripple-pointer-location { - width: 50px; - height: 50px; - border-radius: 25px; - background-color: rgba(233, 242, 252, 0.2); - box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1); + width: 50px; + height: 50px; + border-radius: 25px; + background-color: rgba(233, 242, 252, 0.2); + box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1); } - /*WINDOW PICKER*/ .window-picker { - spacing: 6px; + spacing: 6px; } .window-caption { - color: #cad3f5; - background-color: #181926; - border-radius: 6px; - padding: 6px 12px; + color: #cad3f5; + background-color: #181926; + border-radius: 6px; + padding: 6px 12px; } .window-close, .screenshot-ui-close-button { - background-color: #ed8796; - color: #181926; - border-radius: 99px; - box-shadow: nones; - padding: 2px; - transition: 200ms; + background-color: #ed8796; + color: #181926; + border-radius: 99px; + box-shadow: nones; + padding: 2px; + transition: 200ms; } .window-close:hover, .screenshot-ui-close-button:hover { - background-color: #ed8796; + background-color: #ed8796; } .window-close:active, .screenshot-ui-close-button:active { - background-color: #ed8796; + background-color: #ed8796; } .window-close StIcon, .screenshot-ui-close-button StIcon { - icon-size: 24px; + icon-size: 24px; } .workspace-background { - border-radius: 30px; - box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); + border-radius: 30px; + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } - /*COMMON STYLING*/ .workspace-thumbnails .workspace-thumbnail { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } @@ -2474,1911 +2452,1888 @@ StEntry StLabel.hint-text { .list-search-result, .search-provider-icon, .switcher-list .item-box { - border: 2px solid transparent; - border-radius: 12px; - padding: 6px; - spacing: 6px; - text-align: center; - transition: 200ms; + border: 2px solid transparent; + border-radius: 12px; + padding: 6px; + spacing: 6px; + text-align: center; + transition: 200ms; } + /*bgs*/ .workspace-switcher, .switcher-list, .resize-popup { - color: #cad3f5; - background-color: #181926; - border: 2px solid #8aadf4; - border-radius: 999px; - padding: 12px; + color: #cad3f5; + background-color: #181926; + border: 2px solid #8aadf4; + border-radius: 999px; + padding: 12px; } - /*BUTTON*/ -#LookingGlassDialog>#Toolbar .lg-toolbar-button, +#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button { - border-radius: 6px; - border-style: solid; - border-width: 1px; - font-weight: bold; - padding: 3px 24px; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 3px 24px; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:hover, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:active, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:checked, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:checked:hover, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:checked:active, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:focus, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:focus:hover, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:focus:active, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button:insensitive, +#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); } - /*OVERVIEW*/ .controls-manager, .secondary-monitor-workspaces { - spacing: 12px; + spacing: 12px; } #overviewGroup { - background-color: #181926; + background-color: #181926; } .overview-controls { - padding-bottom: 32px; + padding-bottom: 32px; } - /*WORKSPACE ANIMATION*/ .workspace-animation { - background-color: #181926; + background-color: #181926; } - /*DASH*/ +/* make the dash icons transparent */ +.overview-tile, +.icon-grid .overview-tile, +.overview-tile .overview-icon { + background-color: transparent; +} #dash { - margin-top: 12px; + margin-top: 12px; } #dash .placeholder { - background-image: none; - background-size: contain; - height: 32px; + background-image: none; + background-size: contain; + height: 32px; } .show-apps .show-apps-icon { - background-size: contain; + background-size: contain; } #dash .empty-dash-drop-target { - width: 32px; - height: 32px; + width: 32px; + height: 32px; } #dash .app-well-app-running-dot { - margin-bottom: 10px; + margin-bottom: 10px; } .dash-background { - background-color: #181926; - border-radius: 28px; - padding: 12px; - spacing: 6px; - margin-bottom: 12px; - border: 2px solid #8aadf4; + background-color: #181926; + border-radius: 28px; + padding: 12px; + spacing: 6px; + margin-bottom: 12px; + border: 2px solid #8aadf4; } -.dash-item-container>* { - margin: 0 2px; +.dash-item-container > * { + margin: 0 2px; } .dash-item-container:ltr:first-child { - margin-left: 0; + margin-left: 0; } .dash-item-container:rtl:first-child { - margin-right: 0; + margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon { - padding: 4px; - border-radius: 16px; + padding: 4px; + border-radius: 16px; } .dash-item-container .show-apps { - transition-duration: 400ms; + transition-duration: 400ms; } .dash-item-container .show-apps .overview-icon { - background-color: transparent; + background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: #363a4f; } .dash-item-container .show-apps:active .overview-icon { - background-color: rgba(255, 255, 255, 0.05); + background-color: #494d64; } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.05); + background-color: #494d64; } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); + background-color: rgba(255, 255, 255, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); + background-color: rgba(255, 255, 255, 0.13); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); + background-color: #494d64; } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); + background-color: rgba(255, 255, 255, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); + background-color: rgba(255, 255, 255, 0.25); } .dash-item-container .show-apps:drop .overview-icon { - border: 2px solid #8aadf4; - background-color: rgba(255, 255, 255, 0.1); + border: 2px solid #8aadf4; + background-color: rgba(255, 255, 255, 0.1); } .dash-item-container .app-well-app:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .dash-item-container .app-well-app:active .overview-icon { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .dash-item-container .app-well-app:selected .overview-icon, .dash-item-container .app-well-app:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .dash-item-container .app-well-app:selected .overview-icon:hover .overview-icon, .dash-item-container .app-well-app:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .dash-item-container .app-well-app:selected .overview-icon:active .overview-icon, .dash-item-container .app-well-app:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .dash-item-container .app-well-app:outlined .overview-icon, .dash-item-container .app-well-app:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); + background-color: rgba(255, 255, 255, 0.19); } .dash-item-container .app-well-app:outlined .overview-icon:hover .overview-icon, .dash-item-container .app-well-app:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); + background-color: rgba(255, 255, 255, 0.25); } .dash-item-container .app-well-app:outlined .overview-icon:active .overview-icon, .dash-item-container .app-well-app:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); + background-color: rgba(255, 255, 255, 0.22); } .dash-item-container .app-well-app:drop .overview-icon { - border: 2px solid #8aadf4; - background-color: rgba(255, 255, 255, 0.1); + border: 2px solid #8aadf4; + background-color: rgba(255, 255, 255, 0.1); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { - padding-bottom: 12px; + padding-bottom: 12px; } .dash-separator { - width: 1px; - margin: 0 4px; - background-color: rgba(255, 255, 255, 0.05); - margin-bottom: 12px; + width: 1px; + margin: 0 4px; + background-color: rgba(255, 255, 255, 0.05); + margin-bottom: 12px; } .dash-label { - color: #cad3f5; - background-color: #181926; - border-radius: 6px; - padding: 6px 12px; - text-align: center; - -y-offset: 8px; + color: #cad3f5; + background-color: #181926; + border-radius: 6px; + padding: 6px 12px; + text-align: center; + -y-offset: 8px; } - /*APP GRID*/ .icon-grid { - row-spacing: 12px; - column-spacing: 12px; - max-row-spacing: 42px; - max-column-spacing: 42px; - page-padding-top: 24px; - page-padding-bottom: 24px; - page-padding-left: 18px; - page-padding-right: 18px; + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 42px; + max-column-spacing: 42px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 18px; + page-padding-right: 18px; } - /*APP ICONS*/ .app-well-app, .grid-search-result { - transition-duration: 400ms; + transition-duration: 400ms; } .app-well-app .overview-icon, .grid-search-result .overview-icon { - background-color: transparent; + background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); + background-color: rgba(255, 255, 255, 0.19); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); + background-color: rgba(255, 255, 255, 0.25); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); + background-color: rgba(255, 255, 255, 0.22); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { - border: 2px solid #8aadf4; - background-color: rgba(255, 255, 255, 0.1); + border: 2px solid #8aadf4; + background-color: rgba(255, 255, 255, 0.1); } .show-apps .overview-icon.overview-icon-with-label, .app-well-app .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { - padding: 12px 10px 8px 10px; - border-radius: 18px; + padding: 12px 10px 8px 10px; + border-radius: 18px; } -.show-apps .overview-icon.overview-icon-with-label>StBoxLayout, -.app-well-app .overview-icon.overview-icon-with-label>StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label>StBoxLayout { - spacing: 4px; +.show-apps .overview-icon.overview-icon-with-label > StBoxLayout, +.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 4px; } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { - font-weight: 400; - font-size: 20pt; + font-weight: 400; + font-size: 20pt; } .app-well-app.app-folder, .app-folder.grid-search-result { - transition-duration: 400ms; + transition-duration: 400ms; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { - background-color: rgba(255, 255, 255, 0.19); + background-color: rgba(255, 255, 255, 0.19); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); + background-color: rgba(255, 255, 255, 0.19); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); + background-color: rgba(255, 255, 255, 0.25); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); + background-color: rgba(255, 255, 255, 0.22); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { - border: 2px solid #8aadf4; - background-color: transparent; + border: 2px solid #8aadf4; + background-color: transparent; } .app-folder-dialog { - border-radius: 32px; - background-color: #181926; + border-radius: 32px; + background-color: #181926; } .app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; + width: 300px; } .app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: #cad3f5; + padding: 5px 7px; + color: #cad3f5; } .app-folder-dialog .folder-name-container .edit-folder-button { - padding: 0; - width: 36px; - height: 36px; - border-radius: 6px; + padding: 0; + width: 36px; + height: 36px; + border-radius: 6px; } -.app-folder-dialog .folder-name-container .edit-folder-button>StIcon { - icon-size: 1.09em; +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 1.09em; } .app-folder-dialog .icon-grid { - row-spacing: 12px; - column-spacing: 30px; - page-padding-top: 0; - page-padding-bottom: 0; - page-padding-left: 0; - page-padding-right: 0; + row-spacing: 12px; + column-spacing: 30px; + page-padding-top: 0; + page-padding-bottom: 0; + page-padding-left: 0; + page-padding-right: 0; } .app-folder-dialog .page-indicators { - margin-bottom: 18px; + margin-bottom: 18px; } .app-folder-dialog-container { - padding: 12px; - width: 550px; - height: 550px; + padding: 12px; + width: 550px; + height: 550px; } .app-well-app-running-dot { - height: 5px; - width: 5px; - border-radius: 5px; - margin-bottom: 8px; - background-color: #cad3f5; + height: 5px; + width: 5px; + border-radius: 5px; + margin-bottom: 8px; + background-color: #cad3f5; } StWidget.focused .app-well-app-running-dot { - background-color: #89b4fa; + background-color: #89b4fa; } .rename-folder-popup .rename-folder-popup-item { - spacing: 6px; + spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 12px; + padding: 0 12px; } .page-indicator { - padding: 6px 12px 0; - transition-duration: 400ms; + padding: 6px 12px 0; + transition-duration: 400ms; } .page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.3); + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.3); } .page-indicator:hover .page-indicator-icon { - background-color: #8aadf4; + background-color: #8aadf4; } .page-indicator:active .page-indicator-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.3); } .page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(255, 255, 255, 0.8); } .apps-scroll-view { - padding: 0; + padding: 0; } .system-action-icon { - background-color: rgba(0, 0, 0, 0.8); - color: #cad3f5; - border-radius: 99px; - icon-size: 48px; + background-color: rgba(0, 0, 0, 0.8); + color: #cad3f5; + border-radius: 99px; + icon-size: 48px; } - /*SEARCH ENTRY*/ .search-entry { - width: 320px; - min-height: 32px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.7); - transition-duration: 150ms; - border-radius: 6px; - caret-color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.12); - selected-color: rgba(0, 0, 0, 0.87) !important; - color: #FFFFFF; - background-color: #24273a; - border: 2px solid transparent; - box-shadow: none; + width: 320px; + min-height: 32px; + padding: 0 12px; + color: rgba(255, 255, 255, 0.7); + transition-duration: 150ms; + border-radius: 6px; + caret-color: #FFFFFF; + selection-background-color: rgba(255, 255, 255, 0.12); + selected-color: rgba(0, 0, 0, 0.87) !important; + color: #FFFFFF; + background-color: #24273a; + border: 2px solid transparent; + box-shadow: none; } .search-entry:hover { - color: #FFFFFF; - border-color: rgba(255, 255, 255, 0.3); - background-color: #24273a; + color: #FFFFFF; + border-color: rgba(255, 255, 255, 0.3); + background-color: #24273a; } .search-entry:focus { - color: #FFFFFF; - border-color: #8aadf4; - background-color: #24273a; - box-shadow: none; + color: #FFFFFF; + border-color: #8aadf4; + background-color: #24273a; + box-shadow: none; } .search-entry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - border-color: transparent; - color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + border-color: transparent; + color: #cad3f5; } .search-entry .search-entry-icon { - color: inherit; - icon-size: 1.09em; - margin-top: 2px; - padding: 0 4px; + color: inherit; + icon-size: 1.09em; + margin-top: 2px; + padding: 0 4px; } - /*SEARCH RESULTS*/ #searchResults { - margin: 0 4px; + margin: 0 4px; } #searchResultsContent { - max-width: 1072px; + max-width: 1072px; } .search-section { - spacing: 18px; + spacing: 18px; } .search-section .search-section-separator { - height: 8px; - background-color: transparent; + height: 8px; + background-color: transparent; } .search-section-content { - background-color: transparent; - border-radius: 24px; - border: none; - color: #cad3f5; - padding: 12px; - margin: 0 12px; + background-color: transparent; + border-radius: 24px; + border: none; + color: #cad3f5; + padding: 12px; + margin: 0 12px; } .list-search-result, .search-provider-icon { - background-color: transparent; - border-radius: 11px; - font-size: 16px; + background-color: transparent; + border-radius: 11px; + font-size: 16px; } .list-search-result:hover, .search-provider-icon:hover { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .list-search-result:active, .search-provider-icon:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .list-search-result:drop, .search-provider-icon:drop { - border: 2px solid #8aadf4; - background-color: rgba(255, 255, 255, 0.1); + border: 2px solid #8aadf4; + background-color: rgba(255, 255, 255, 0.1); } .grid-search-results { - spacing: 30px; - margin: 0 12px; + spacing: 30px; + margin: 0 12px; } .search-provider-icon:ltr { - margin-right: 4px; + margin-right: 4px; } .search-provider-icon:rtl { - margin-left: 4px; + margin-left: 4px; } .search-provider-icon .list-search-provider-content { - spacing: 12px; + spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - color: #cad3f5; + width: 120px; + color: #cad3f5; } .list-search-results { - spacing: 6px; + spacing: 6px; } .list-search-result .list-search-result-content { - spacing: 6px; + spacing: 6px; } .list-search-result .list-search-result-title { - spacing: 12px; + spacing: 12px; } .list-search-result .list-search-result-description { - color: #8aadf4; + color: #8aadf4; } - /*PAGE NAVIGATION*/ .page-navigation-hint { - width: 300px; + width: 300px; } .page-navigation-hint.dnd { - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { - background-gradient-start: rgba(255, 255, 255, 0.05); - background-gradient-end: transparent; - background-gradient-direction: horizontal; - border-radius: 24px 0px 0px 24px; + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 24px 0px 0px 24px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { - background-gradient-start: transparent; - background-gradient-end: rgba(255, 255, 255, 0.05); - background-gradient-direction: horizontal; - border-radius: 0px 24px 24px 0px; + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 24px 24px 0px; } -.page-navigation-arrow>StIcon { - margin: 0; - padding: 15px; - width: 24px; - height: 24px; - border-radius: 99px; +.page-navigation-arrow > StIcon { + margin: 0; + padding: 15px; + width: 24px; + height: 24px; + border-radius: 99px; } -.page-navigation-arrow:insensitive>StIcon { - transition-duration: 100ms; - background-color: transparent; - background-color: none; +.page-navigation-arrow:insensitive > StIcon { + transition-duration: 100ms; + background-color: transparent; + background-color: none; } -.page-navigation-arrow:insensitive>StIcon:insensitive { - transition-duration: 100ms; - background-color: transparent; - color: #8aadf4; +.page-navigation-arrow:insensitive > StIcon:insensitive { + transition-duration: 100ms; + background-color: transparent; + color: #8aadf4; } -.page-navigation-arrow:hover>StIcon { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); +.page-navigation-arrow:hover > StIcon { + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } -.page-navigation-arrow:active>StIcon { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); +.page-navigation-arrow:active > StIcon { + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } - /*ON-SCREEN KEYBOARD*/ #keyboard { - background-color: transparent; - box-shadow: none; - background-color: #181926; + background-color: transparent; + box-shadow: none; + background-color: #181926; } #keyboard .page-indicator { - padding: 6px; + padding: 6px; } #keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; + width: 8px; + height: 8px; } .key-container { - padding: 4px; - spacing: 4px; + padding: 4px; + spacing: 4px; } .keyboard-key { - font-size: 16pt; - font-weight: bold; - min-height: 1.2em; - min-width: 1.2em; - border-width: 1px; - border-style: solid; - border-radius: 12px; - box-shadow: none; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + font-size: 16pt; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + border-width: 1px; + border-style: solid; + border-radius: 12px; + box-shadow: none; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .keyboard-key:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-key:active { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .keyboard-key:checked { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-key:grayed { - background-color: #181926; - color: #cad3f5; - border-color: rgba(0, 0, 0, 0.7); + background-color: #181926; + color: #cad3f5; + border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key:latched { - border-color: #89b4fa; - background-color: #89b4fa; + border-color: #89b4fa; + background-color: #89b4fa; } .keyboard-key:focus { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .keyboard-key:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .keyboard-key:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .keyboard-key.default-key { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.08); - border-radius: 12px; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.08); + border-radius: 12px; } .keyboard-key.default-key:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-key.default-key:active { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .keyboard-key.default-key:checked { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-key.enter-key { - background-color: #89b4fa; - border-radius: 12px; - color: #cad3f5; + background-color: #89b4fa; + border-radius: 12px; + color: #cad3f5; } .keyboard-key.enter-key:hover { - background-color: #cad3f5; + background-color: #cad3f5; } .keyboard-key.enter-key:active { - background-color: #8aadf4; + background-color: #8aadf4; } .keyboard-key.enter-key:checked { - background-color: #cad3f5; + background-color: #cad3f5; } .keyboard-key.shift-key-uppercase { - background-color: #8aadf4; - color: #181926; + background-color: #8aadf4; + color: #181926; } .keyboard-key.shift-key-uppercase:hover { - background-color: rgba(255, 255, 255, 0.6); - color: #181926; + background-color: rgba(255, 255, 255, 0.6); + color: #181926; } .keyboard-key StIcon { - icon-size: 24px; + icon-size: 24px; } .keyboard-subkeys { - -arrow-border-radius: 16px; - -arrow-background-color: #181926; - -arrow-border-width: 1px; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 6px; - padding: 6px; + -arrow-border-radius: 16px; + -arrow-background-color: #181926; + -arrow-border-width: 1px; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 6px; + padding: 6px; } .keyboard-subkeys .keyboard-key { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 12px; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 12px; } .keyboard-subkeys .keyboard-key:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-subkeys .keyboard-key:active { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .keyboard-subkeys .keyboard-key:checked { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .keyboard-subkeys .keyboard-key:focus { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .keyboard-subkeys .keyboard-key:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .keyboard-subkeys .keyboard-key:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; + background-color: transparent; + border: none; + color: initial; } .emoji-panel .keyboard-key:latched { - border-color: #89b4fa; - background-color: #89b4fa; + border-color: #89b4fa; + background-color: #89b4fa; } .word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; - padding: 12px; - color: #cad3f5; + font-size: 14pt; + spacing: 12px; + min-height: 20pt; + padding: 12px; + color: #cad3f5; } .word-suggestions StButton { - margin: 0 3px; - min-width: 32px; - border-radius: 6px; - padding: 6px 18px; - background-color: transparent; - background-image: none; + margin: 0 3px; + min-width: 32px; + border-radius: 6px; + padding: 6px 18px; + background-color: transparent; + background-image: none; } .word-suggestions StButton:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .word-suggestions StButton:active { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .word-suggestions StButton:checked { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .word-suggestions StButton:focus { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .word-suggestions StButton:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .word-suggestions StButton:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } - /*APP SWITCHER*/ .switcher-popup { - padding: 0; - spacing: 24px; + padding: 0; + spacing: 24px; } .switcher-list { - padding: 10px; - border-radius: 24px; - box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); + padding: 10px; + border-radius: 24px; + box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { - spacing: 12px; + spacing: 12px; } .switcher-list .item-box { - background-color: transparent; + background-color: transparent; } .switcher-list .item-box:hover { - background: none; - background-color: rgba(255, 255, 255, 0.1); + background: none; + background-color: rgba(255, 255, 255, 0.1); } .switcher-list .item-box:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { - background-color: rgba(255, 255, 255, 0.19); + background-color: rgba(255, 255, 255, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .switcher-list .item-box:drop { - border: 2px solid transparent; - background-color: transparent; + border: 2px solid transparent; + background-color: transparent; } .switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.1); + width: 1px; + background: rgba(255, 255, 255, 0.1); } .switcher-list .thumbnail-box { - padding: 2px; - spacing: 6px; + padding: 2px; + spacing: 6px; } .switcher-list .thumbnail { - width: 256px; - border-radius: 8px; + width: 256px; + border-radius: 8px; } .switcher-arrow { - border-color: rgba(255, 255, 255, 0.8); - color: rgba(255, 255, 255, 0.8); + border-color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .switcher-arrow:highlighted { - border-color: #cad3f5; - color: #cad3f5; + border-color: #cad3f5; + color: #cad3f5; } .input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; + font-size: 34pt; + width: 96px; + height: 96px; } .cycler-highlight { - border: 5px solid #89b4fa; + border: 5px solid #89b4fa; } - /*PASSWORD DIALOG*/ .prompt-dialog { - width: 28em; + width: 28em; } .prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; + margin-bottom: 24px; } .prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; + spacing-rows: 8px; + spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; + width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; + margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; + margin-right: 20px; } .prompt-dialog-password-layout { - spacing: 8px; + spacing: 8px; } .prompt-dialog-password-entry { - width: 20em; + width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { - text-align: center; + text-align: center; } .prompt-dialog-error-label { - color: #eed49f; + color: #eed49f; } - /*END SESSION DIALOG*/ .end-session-dialog { - width: 30em; + width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { - color: #eed49f; + color: #eed49f; } - /*WORKSPACES IN OVERVIEW*/ .workspace-thumbnails { - visible-width: 32px; - spacing: 6px; - padding: 6px; + visible-width: 32px; + spacing: 6px; + padding: 6px; } .workspace-thumbnails .workspace-thumbnail { - border-radius: 8px; + border-radius: 8px; } .workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - width: 18px; + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + width: 18px; } .workspace-thumbnail-indicator { - border: 5px solid #8aadf4; - border-radius: 8px; - padding: 0px; + border: 5px solid #8aadf4; + border-radius: 8px; + padding: 0px; } - /*ICONS IN OVERVIEW APPS*/ .lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { - icon-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + icon-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } - /*ZOOM*/ .magnifier-zoom-region { - border: 5px solid #8aadf4; + border: 5px solid #8aadf4; } .magnifier-zoom-region.full-screen { - border-width: 0; + border-width: 0; } - /*TILED WINDOW PREVIEW*/ .tile-preview { - background-color: #8aadf4; - border: none; - border-radius: 12px; + background-color: #8aadf4; + border: none; + border-radius: 12px; } -.tile-preview-left.on-primary {} +.tile-preview-left.on-primary { +} -.tile-preview-right.on-primary {} +.tile-preview-right.on-primary { +} .tile-preview-left.tile-preview-right.on-primary { - border-radius: 0px; + border-radius: 0px; } - /*CAPSLOCK*/ .caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - color: #eed49f; + text-align: center; + padding-bottom: 8px; + color: #eed49f; } - /*LOOKING GLASS DIALOG (ALT+F2: lg)*/ #LookingGlassDialog { - background-color: #181926; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(255, 255, 255, 0.05); - color: #cad3f5; - border-radius: 26px; - border-top-width: 0; - padding: 6px; - spacing: 6px; - margin-top: 5px; + background-color: #181926; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(255, 255, 255, 0.05); + color: #cad3f5; + border-radius: 26px; + border-top-width: 0; + padding: 6px; + spacing: 6px; + margin-top: 5px; } -#LookingGlassDialog>#Toolbar { - border: none; - padding: 6px; - border-radius: 0; - background-color: transparent; - spacing: 6px; +#LookingGlassDialog > #Toolbar { + border: none; + padding: 6px; + border-radius: 0; + background-color: transparent; + spacing: 6px; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button { - padding: 6px 12px; +#LookingGlassDialog > #Toolbar .lg-toolbar-button { + padding: 6px 12px; } -#LookingGlassDialog>#Toolbar .lg-toolbar-button>StIcon { - icon-size: 1.09em; +#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { + icon-size: 1.09em; } #LookingGlassDialog .labels { - spacing: 6px; + spacing: 6px; } #LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 12px; - font-weight: bold; - padding: 6px 12px; - color: #d9d9d9; - transition: 200ms; - box-shadow: none; - border: none; - border-radius: 6px; - background-color: transparent; + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + padding: 6px 12px; + color: #d9d9d9; + transition: 200ms; + box-shadow: none; + border: none; + border-radius: 6px; + background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } #LookingGlassDialog .notebook-tab:selected { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 6px; - padding: 6px; + padding: 4px; + spacing: 6px; + padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 6px; - padding: 6px; + spacing: 6px; + padding: 6px; } .lg-dialog .shell-link { - color: #89b4fa; + color: #89b4fa; } .lg-dialog .shell-link:hover { - color: #cad3f5; + color: #cad3f5; } .lg-dialog .shell-link:active { - color: #8aadf4; + color: #8aadf4; } .lg-dialog .actor-link { - color: #8aadf4; + color: #8aadf4; } .lg-dialog .actor-link:hover { - color: #cad3f5; + color: #cad3f5; } .lg-dialog .actor-link:active { - color: #8aadf4; + color: #8aadf4; } .lg-dialog .actor-link StIcon { - icon-size: 12px; + icon-size: 12px; } .lg-completions-text { - font-style: italic; + font-style: italic; } .lg-obj-inspector-title { - spacing: 6px; + spacing: 6px; } .lg-obj-inspector-button { - border: none; - padding: 4px; - border-radius: 8px; + border: none; + padding: 4px; + border-radius: 8px; } .lg-obj-inspector-button:hover { - border: none; + border: none; } #lookingGlassExtensions { - padding: 6px; + padding: 6px; } .lg-extensions-list { - padding: 6px; - spacing: 6px; + padding: 6px; + spacing: 6px; } .lg-extension { - padding: 12px; - border-radius: 8px; - margin: 4px; - box-shadow: none; - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .lg-extension:hover { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } .lg-extension:active { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } .lg-extension:focus { - transition: 200ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition: 200ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .lg-extension:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } .lg-extension:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } .lg-extension-meta { - spacing: 6px; + spacing: 6px; } #LookingGlassPropertyInspector { - background: #181926; - border: none; - border-radius: 8px; - padding: 6px; + background: #181926; + border: none; + border-radius: 8px; + padding: 6px; } .lg-debug-flag-button { - color: #cad3f5; + color: #cad3f5; } .lg-debug-flag-button:hover { - color: #cad3f5; + color: #cad3f5; } .lg-debug-flag-button:active { - color: #cad3f5; + color: #cad3f5; } .lg-debug-flag-button StLabel { - padding: 6px, 12px; + padding: 6px, 12px; } .lg-debug-flags-header { - padding-top: 12px; - padding: 6px; + padding-top: 12px; + padding: 6px; } - /*RUN DIALOG (ALT+F2)*/ .run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; + margin-top: 24px; + margin-bottom: 14px; } .run-dialog .run-dialog-entry { - width: 20em; + width: 20em; } .run-dialog .run-dialog-description { - text-align: center; - color: #cad3f5; + text-align: center; + color: #cad3f5; } - /*PIE TIMER*/ .pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #89b4fa; - -pie-background-color: rgba(255, 255, 255, 0.1); + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #89b4fa; + -pie-background-color: rgba(255, 255, 255, 0.1); } - /*POLKIT DIALOG*/ .polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; + text-align: center; + spacing: 8px; + margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #eed49f; + color: #eed49f; } - /*CHAT*/ .chat-body { - spacing: 5px; + spacing: 5px; } .chat-response { - margin: 5px; + margin: 5px; } .chat-log-message { - color: #cad3f5; + color: #cad3f5; } .chat-new-group { - padding-top: 1em; + padding-top: 1em; } .chat-received { - padding-left: 4px; + padding-left: 4px; } .chat-received:rtl { - padding-left: 0px; - padding-right: 4px; + padding-left: 0px; + padding-right: 4px; } .chat-sent { - padding-left: 18pt; - color: #cad3f5; + padding-left: 18pt; + color: #cad3f5; } .chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; + padding-left: 0; + padding-right: 18pt; } .chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: bold; - color: #cad3f5; + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #cad3f5; } .chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; + padding-left: 0; + padding-right: 4px; } .hotplug-notification-item-icon { - icon-size: 24px; - padding: 0 4px; + icon-size: 24px; + padding: 0 4px; } - /*MESSAGE DIALOG*/ .message-dialog-content { - spacing: 18px; + spacing: 18px; } .message-dialog-content .message-dialog-title { - text-align: center; + text-align: center; } .message-dialog-content .message-dialog-description { - text-align: center; + text-align: center; } - /*DIALOG LIST*/ .dialog-list { - spacing: 18px; + spacing: 18px; } .dialog-list .dialog-list-title { - text-align: center; + text-align: center; } .dialog-list .dialog-list-scrollview { - max-height: 200px; + max-height: 200px; } .dialog-list .dialog-list-box { - spacing: 1em; + spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; + spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; + font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #cad3f5; + color: #cad3f5; } - /*AUDIO SELECTION DIALOG*/ .audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; + margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { - spacing: 20px; + spacing: 20px; } .audio-selection-device { - border-radius: 16px; + border-radius: 16px; } .audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } .audio-selection-device:active { - background-color: #8aadf4; - color: #cad3f5; + background-color: #8aadf4; + color: #cad3f5; } .audio-selection-device-box { - padding: 20px; - spacing: 20px; + padding: 20px; + spacing: 20px; } .audio-selection-device-icon { - icon-size: 4.36em; + icon-size: 4.36em; } - /*ACCESS PORTAL DIALOG*/ .access-dialog { - text-align: center; + text-align: center; } - /*PAD OSD*/ .pad-osd-window { - padding: 32px; - background-color: rgba(255, 255, 255, 0.05); + padding: 32px; + background-color: rgba(255, 255, 255, 0.05); } .pad-osd-window .pad-osd-title-box { - spacing: 12px; + spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; + spacing: 6px; } .combo-box-label { - width: 15em; + width: 15em; } - /*WORKSPACE SWITCHER*/ .workspace-switcher { - margin-bottom: 4em; - spacing: 12px; - padding: 12px 18px; + margin-bottom: 4em; + spacing: 12px; + padding: 12px 18px; } .ws-switcher-indicator { - background-color: #8aadf4; - padding: 0.1816666667em; - margin: 0.9083333333em; - border-radius: 2.18em; + background-color: #8aadf4; + padding: 0.1816666667em; + margin: 0.9083333333em; + border-radius: 2.18em; } .ws-switcher-indicator:active { - background-color: #cad3f5; - padding: 0.3633333333em; - margin: 0.7266666667em; + background-color: #cad3f5; + padding: 0.3633333333em; + margin: 0.7266666667em; } - /*ICON LABEL*/ .icon-label-button-container { - spacing: 6px; + spacing: 6px; } .icon-label-button-container StIcon { - icon-size: 32px; + icon-size: 32px; } - /*USER ICON IN LOG IN*/ .user-icon { - background-size: contain; - color: #cad3f5; - border-radius: 99px; - icon-size: 4.36em; + background-size: contain; + color: #cad3f5; + border-radius: 99px; + icon-size: 4.36em; } .user-icon:hover { - color: #cad3f5; + color: #cad3f5; } .user-icon StIcon { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 99px; - padding: 12px; - width: 2.725em; - height: 2.725em; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 99px; + padding: 12px; + width: 2.725em; + height: 2.725em; } .user-icon.user-avatar { - border: 2px rgba(255, 255, 255, 0.05); + border: 2px rgba(255, 255, 255, 0.05); } .user-widget.vertical .user-icon { - icon-size: 6.54em; + icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 5.995em; - height: 5.995em; + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 5.995em; + height: 5.995em; } - /*LOGIN DIALOG IN LOG IN*/ .login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; + padding-top: 24px; + max-width: 23em; } .login-dialog, .unlock-dialog { - border: none; - background-color: transparent; + border: none; + background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { - spacing: 3px; + spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { - padding: 4px 18px; - background-color: rgba(255, 255, 255, 0.05); - border-color: transparent; - color: #cad3f5; - transition: 200ms; + padding: 4px 18px; + background-color: rgba(255, 255, 255, 0.05); + border-color: transparent; + color: #cad3f5; + transition: 200ms; } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + transition: 200ms; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { - background-color: rgba(255, 255, 255, 0.05); - border-color: transparent; - transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + border-color: transparent; + transition: 200ms; } .login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: rgba(255, 255, 255, 0.05); - border-color: transparent; + transition: 200ms; + color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); + border-color: transparent; } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { - background-color: rgba(255, 255, 255, 0.1); - transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - color: #ededed; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - color: #8aadf4; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #8aadf4; } .login-dialog .cancel-button, @@ -4387,13 +4342,13 @@ StWidget.focused .app-well-app-running-dot { .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { - transition: 200ms; - padding: 0; - border-radius: 99px; - width: 2.18em; - height: 2.18em; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + padding: 0; + border-radius: 99px; + width: 2.18em; + height: 2.18em; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.05); } .login-dialog .cancel-button StIcon, @@ -4402,545 +4357,542 @@ StWidget.focused .app-well-app-running-dot { .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 1.09em; + icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { - color: #cad3f5; + color: #cad3f5; } .login-dialog-logo-bin { - padding: 24px 0px; + padding: 24px 0px; } .login-dialog-banner { - color: #cad3f5; + color: #cad3f5; } .login-dialog-button-box { - width: 23em; - spacing: 5px; + width: 23em; + spacing: 5px; } .login-dialog-message { - text-align: center; + text-align: center; } .login-dialog-user-selection-box { - padding: 100px 0px; + padding: 100px 0px; } .login-dialog-not-listed-label { - padding-left: 2px; + padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #cad3f5; + color: #cad3f5; } .login-dialog-not-listed-label { - font-weight: bold; - color: #cad3f5; - padding-top: 1em; + font-weight: bold; + color: #cad3f5; + padding-top: 1em; } .login-dialog-auth-list-view { - -st-vfade-offset: 1em; + -st-vfade-offset: 1em; } .login-dialog-auth-list { - spacing: 6px; - margin-left: 2em; + spacing: 6px; + margin-left: 2em; } .login-dialog-auth-list-title { - margin-left: 2em; + margin-left: 2em; } .login-dialog-auth-list-item { - border-radius: 12px; - padding: 6px; - color: #cad3f5; + border-radius: 12px; + padding: 6px; + color: #cad3f5; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; } .login-dialog-auth-list-label { - font-size: 13pt; - font-weight: bold; - padding-left: 15px; + font-size: 13pt; + font-weight: bold; + padding-left: 15px; } .login-dialog-auth-list-label:ltr { - padding-left: 14px; - text-align: left; + padding-left: 14px; + text-align: left; } .login-dialog-auth-list-label:rtl { - padding-right: 14px; - text-align: right; + padding-right: 14px; + text-align: right; } .login-dialog-user-list-view { - -st-vfade-offset: 1em; + -st-vfade-offset: 1em; } .login-dialog-user-list { - spacing: 12px; - width: 23em; + spacing: 12px; + width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { - border-radius: 12px; - padding: 6px; - color: #cad3f5; + border-radius: 12px; + padding: 6px; + color: #cad3f5; } .login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; + padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; + padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin-top: 6px; - background-color: #cad3f5; + height: 2px; + margin-top: 6px; + background-color: #cad3f5; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #cad3f5; + background-color: #cad3f5; } .user-widget-label { - color: #cad3f5; + color: #cad3f5; } .user-widget.horizontal .user-widget-label { - font-size: 13pt; - font-weight: bold; - padding-left: 15px; + font-size: 13pt; + font-weight: bold; + padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; - text-align: left; + padding-left: 14px; + text-align: left; } .user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; - text-align: right; + padding-right: 14px; + text-align: right; } .user-widget.vertical .user-widget-label { - font-size: 16pt; - text-align: center; - font-weight: normal; - padding-top: 16px; + font-size: 16pt; + text-align: center; + font-weight: normal; + padding-top: 16px; } .login-dialog-timed-login-indicator { - height: 2px; - background-color: rgba(255, 255, 255, 0.1); + height: 2px; + background-color: rgba(255, 255, 255, 0.1); } .login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 12px; - width: 23em; + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; } .login-dialog-prompt-entry { - height: 1.5em; + height: 1.5em; } .login-dialog-prompt-label { - color: #cad3f5; - font-size: 12pt; - padding-top: 1em; + color: #cad3f5; + font-size: 12pt; + padding-top: 1em; } .login-dialog StEntry { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5; + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; } .unlock-dialog StEntry { - border: none !important; + border: none !important; } .login-dialog StEntry:hover { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); } .unlock-dialog StEntry:focus { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); } .unlock-dialog StEntry:insensitive { - transition: 200ms; - color: #8aadf4; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { - transition: 200ms; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 8px; + transition: 200ms; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 8px; } - /*SCREEN SHIELD*/ .unlock-dialog-clock { - color: #cad3f5; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; + color: #cad3f5; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; } .unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; + font-size: 64pt; + padding-top: 42px; } .unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; + font-size: 16pt; + font-weight: normal; } .unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; + font-weight: normal; + padding-top: 48px; } .unlock-dialog-notifications-container { - margin: 12px; - spacing: 6px; - width: 23em; - background-color: transparent; + margin: 12px; + spacing: 6px; + width: 23em; + background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 16px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #cad3f5; - border-radius: 16px; + padding: 12px 16px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #cad3f5; + border-radius: 16px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #8aadf4; + background-color: #8aadf4; } .unlock-dialog-notification-label { - padding-left: 12px; - padding-right: 0; + padding-left: 12px; + padding-right: 0; } .unlock-dialog-notification-label:rtl { - padding-right: 12px; - padding-left: 0; + padding-right: 12px; + padding-left: 0; } .unlock-dialog-notification-count-text { - font-weight: bold; - padding: 0 12px; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 99px; + font-weight: bold; + padding: 0 12px; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 99px; } .screen-shield-background { - background: #181926; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); + background: #181926; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { - background-color: #181926; + background-color: #181926; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.1); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.1); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - transition: 200ms; - background-color: rgba(255, 255, 255, 0.05); + transition: 200ms; + background-color: rgba(255, 255, 255, 0.05); } - /*ANOTHER*/ .summary-source-counter { - font-size: 10pt; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #89b4fa; - border: 2px solid #89b4fa; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - color: #cad3f5; - border-radius: 0.9em; + font-size: 10pt; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #89b4fa; + border: 2px solid #89b4fa; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + color: #cad3f5; + border-radius: 0.9em; } .lightbox { - background-color: #181926; + background-color: #181926; } .flashspot { - background-color: #cad3f5; + background-color: #cad3f5; } .hidden { - color: rgba(0, 0, 0, 0); + color: rgba(0, 0, 0, 0); } .select-area-rubberband { - background-color: rgba(255, 255, 255, 0.05); - border: 1px solid rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); } - /*QUICK SETTINGS*/ .quick-settings { - padding-top: 24px; - padding-bottom: 24px; - padding-left: 24px; - padding-right: 16px; + padding-top: 24px; + padding-bottom: 24px; + padding-left: 24px; + padding-right: 16px; } .quick-settings-grid { - spacing-rows: 18px; - spacing-columns: 12px; + spacing-rows: 18px; + spacing-columns: 12px; } .quick-toggle { - border-radius: 12px; - min-width: 11.5em; - max-width: 11.5em; - min-height: 44px; + border-radius: 12px; + min-width: 11.5em; + max-width: 11.5em; + min-height: 44px; } .quick-toggle:checked { - transition-duration: 0.1s; - background-color: #8aadf4; - color: #181926; + transition-duration: 0.1s; + background-color: #8aadf4; + color: #181926; } .quick-toggle:checked:focus { - box-shadow: none; + box-shadow: none; } .quick-toggle:checked:hover, .quick-toggle:checked:focus { - background-color: #89b4fa; - color: #181926; + background-color: #89b4fa; + color: #181926; } .quick-toggle:checked:active { - background-color: #8aadf4; - color: #181926; + background-color: #8aadf4; + color: #181926; } .quick-toggle:checked:insensitive { - transition-duration: 100ms; - background-color: #8aadf4; - color: #8aadf4; + transition-duration: 100ms; + background-color: #8aadf4; + color: #8aadf4; } -.quick-toggle>StBoxLayout { - spacing: 6px; +.quick-toggle > StBoxLayout { + spacing: 6px; } .quick-toggle.button { - padding: 0; + padding: 0; } -.quick-toggle>StBoxLayout { - padding: 0 12px; +.quick-toggle > StBoxLayout { + padding: 0 12px; } .quick-toggle .quick-toggle-label { - font-weight: bold; + font-weight: bold; } .quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { - icon-size: 1.09em; + icon-size: 1.09em; } -.quick-menu-toggle:ltr>StBoxLayout { - padding-right: 0; +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; } -.quick-menu-toggle:rtl>StBoxLayout { - padding-left: 0; +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; } .quick-menu-toggle .quick-toggle { - min-width: auto; - max-width: auto; + min-width: auto; + max-width: auto; } .quick-menu-toggle .quick-toggle:ltr { - border-radius: 8px 0 0 8px; + border-radius: 8px 0 0 8px; } .quick-menu-toggle .quick-toggle:rtl { - border-radius: 0 8px 8px 0; + border-radius: 0 8px 8px 0; } .quick-menu-toggle .quick-toggle-arrow { - transition: 0.1s; - background-color: rgba(255, 255, 255, 0.1); - padding: 4px 8px; + transition: 0.1s; + background-color: rgba(255, 255, 255, 0.1); + padding: 4px 8px; } .quick-menu-toggle .quick-toggle-arrow:checked { - background-color: #8aadf4; - color: #181926; + background-color: #8aadf4; + color: #181926; } .quick-menu-toggle .quick-toggle-arrow { - background-color: rgba(255, 255, 255, 0.05); - color: #cad3f5 + background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5 } .quick-menu-toggle:hover .quick-toggle-arrow { - color: #cad3f5 + color: #cad3f5 } .quick-menu-toggle .quick-toggle-arrow:ltr { - border-radius: 0 12px 12px 0; + border-radius: 0 12px 12px 0; } .quick-menu-toggle .quick-toggle-arrow:rtl { - border-radius: 12px 0 0 12px; + border-radius: 12px 0 0 12px; } .quick-slider { - padding: 0 6px; + padding: 0 6px; } -.quick-slider>StBoxLayout { - spacing: 6px; +.quick-slider > StBoxLayout { + spacing: 6px; } .quick-slider .slider-bin { - min-height: 16px; - padding: 6px; - border-radius: 99px; + min-height: 16px; + padding: 6px; + border-radius: 99px; } .quick-slider .slider-bin:focus { - transition-duration: 100ms; - color: #cad3f5; - background-color: transparent; - box-shadow: none; + transition-duration: 100ms; + color: #cad3f5; + background-color: transparent; + box-shadow: none; } .quick-slider .slider-bin:focus:hover { - background-color: transparent; - box-shadow: none; + background-color: transparent; + box-shadow: none; } .quick-slider .slider-bin:focus:active { - background-color: transparent; - box-shadow: none; + background-color: transparent; + box-shadow: none; } .quick-slider .quick-toggle-icon { - icon-size: 1.09em; + icon-size: 1.09em; } .quick-slider .icon-button { - background-color: transparent; + background-color: transparent; } .quick-toggle-menu { - color: #cad3f5 !important; - background-color: #181926 !important; - border-radius: 12px; - padding: 16.5px; - margin: 0 16.5px; + color: #cad3f5 !important; + background-color: #181926 !important; + border-radius: 12px; + padding: 16.5px; + margin: 0 16.5px; } .quick-toggle-menu .header { - spacing-rows: 3px; - spacing-columns: 12px; - padding-bottom: 12px; + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; } .quick-toggle-menu .header .icon { - icon-size: 1.635em; - border-radius: 999px; - padding: 9px; - background-color: #8aadf4; - color: #181926; + icon-size: 1.635em; + border-radius: 999px; + padding: 9px; + background-color: #8aadf4; + color: #181926; } /* .quick-toggle-menu .header .icon.active { @@ -4949,144 +4901,145 @@ StWidget.focused .app-well-app-running-dot { } */ .quick-toggle-menu-container { - padding: 12px 6px 0; + padding: 12px 6px 0; } -.quick-settings-system-item>StBoxLayout { - spacing: 12px; +.quick-settings-system-item > StBoxLayout { + spacing: 12px; } -.quick-settings-system-item .icon-button>StIcon { - -st-icon-style: symbolic; +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; } .quick-settings-system-item .power-item { - min-height: 0; - min-width: 0; + min-height: 0; + min-width: 0; } .quick-settings-system-item .power-item:insensitive { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); - background-color: transparent; + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); + background-color: transparent; } .nm-network-item .wireless-secure-icon { - icon-size: 0.545em; + icon-size: 0.545em; } /*ICON BUTTON IN QUICK SETTINGS*/ -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .icon-button { - border-radius: 99px; - border-style: solid; - border-width: 1px; - font-weight: bold; - padding: 12px; - transition-duration: 100ms; - color: #181926; - background-color: #8aadf4; + border-radius: 99px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 12px; + transition-duration: 100ms; + color: #181926; + background-color: #8aadf4; } .flat.icon-button { - background-color: #8aadf4; + background-color: #8aadf4; } .flat.icon-button:hover { - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:hover, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover, .icon-button:hover { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:active, + +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active, .icon-button:active { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:checked, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked, .icon-button:checked { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.1); + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.1); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:checked:hover, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:hover, .flat.button:checked:hover, .flat.icon-button:checked:hover, .icon-button:checked:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:checked:active, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:active, .flat.button:checked:active, .flat.icon-button:checked:active, .icon-button:checked:active { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(255, 255, 255, 0.1); } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:focus, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus, .icon-button:focus { - transition-duration: 100ms; - color: #cad3f5; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + transition-duration: 100ms; + color: #cad3f5; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:focus:hover, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover, .icon-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:focus:active, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active, .icon-button:focus:active { - background-color: rgba(255, 255, 255, 0.05); - box-shadow: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; } -#LookingGlassDialog>#Toolbar .flat.lg-toolbar-button:insensitive, +#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive, .icon-button:insensitive { - transition-duration: 100ms; - color: #8aadf4; - background-color: rgba(255, 255, 255, 0.05); + transition-duration: 100ms; + color: #8aadf4; + background-color: rgba(255, 255, 255, 0.05); } -.icon-button>StIcon { - icon-size: 1.09em; +.icon-button > StIcon { + icon-size: 1.09em; }