Removed userstyles. https://git.4o1x5.dev/4o1x5/userstyles
This commit is contained in:
parent
5ec09fee31
commit
9d35876545
|
|
@ -19,7 +19,7 @@
|
|||
],
|
||||
"rule": {
|
||||
"type": "regex",
|
||||
"regex": "GitHub|Copilot|Alacritty|VSCodium|Code|Insomnia"
|
||||
"regex": "GitHub|Copilot|Alacritty|VSCodium|Code|Insomnia|neovim"
|
||||
},
|
||||
"id": 1,
|
||||
"data": {
|
||||
|
|
@ -116,6 +116,18 @@
|
|||
"color": "#FA28FF"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Uncategorized"
|
||||
],
|
||||
"rule": {
|
||||
"type": "none"
|
||||
},
|
||||
"data": {
|
||||
"color": "#CCC"
|
||||
},
|
||||
"id": 9
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Entertaiment"
|
||||
|
|
@ -299,7 +311,7 @@
|
|||
],
|
||||
"rule": {
|
||||
"type": "regex",
|
||||
"regex": "Proton|kdenlive|WordPress|Kdenlive|CapITris|DesktopEditors|Impress|libreoffice-impress"
|
||||
"regex": "Proton|kdenlive|WordPress|Kdenlive|CapITris|DesktopEditors|Impress|libreoffice-impress|imspedicio"
|
||||
},
|
||||
"id": 23,
|
||||
"data": {
|
||||
|
|
|
|||
|
|
@ -5,5 +5,8 @@
|
|||
#gimp
|
||||
#figma-linux
|
||||
#kdenlive
|
||||
|
||||
# video cutting easy
|
||||
losslesscut-bin
|
||||
];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -95,62 +95,8 @@
|
|||
};
|
||||
|
||||
};
|
||||
home-manager.users.grape.programs.firefox.profiles.i2p =
|
||||
{
|
||||
isDefault = false;
|
||||
id = 1;
|
||||
extraConfig = builtins.readFile "/home/grape/dotfiles/nix/opt/firefox/i2puser.js"; # custom userjs config for i2p
|
||||
extensions =
|
||||
[
|
||||
pkgs.nur.repos.rycee.firefox-addons.ublock-origin
|
||||
pkgs.nur.repos.rycee.firefox-addons.localcdn # locally stores frameworks such as vue, tailwind ect..
|
||||
pkgs.nur.repos.rycee.firefox-addons.libredirect # redirects to libre version of spyware sites
|
||||
pkgs.nur.repos.rycee.firefox-addons.noscript # block js
|
||||
];
|
||||
search.force = true;
|
||||
search.order = [ "Searxng" "DuckDuckGo" ];
|
||||
search.default = "Searxng";
|
||||
search.engines = {
|
||||
"Searxng" = {
|
||||
urls = [{
|
||||
template = "http://search.itcomputes.i2p/search";
|
||||
params = [
|
||||
{ name = "q"; value = "{searchTerms}"; }
|
||||
];
|
||||
}];
|
||||
};
|
||||
};
|
||||
bookmarks = [
|
||||
{
|
||||
name = "libreddit";
|
||||
tags = [ "social" ];
|
||||
keyword = "reddit";
|
||||
url = "http://libreddit.qwik.i2p/";
|
||||
}
|
||||
{
|
||||
name = "anonymousoverflow";
|
||||
tags = [ "forum" ];
|
||||
keyword = "issue";
|
||||
url = "http://ocp7zhdsbl2mjabv5ma5jvbzg2dqzglieayjvyj4j2r7qvsqlboa.b32.i2p/";
|
||||
}
|
||||
{
|
||||
name = "breezewiki";
|
||||
keyword = "fandom";
|
||||
url = "http://vo5og6a5cvmhyio2qdcls7awwhuhqfqutxgamam5ojkdvdaxetmq.b32.i2p/";
|
||||
}
|
||||
];
|
||||
};
|
||||
home-manager.users.grape.xdg.desktopEntries = {
|
||||
"i2pfox" = {
|
||||
name = "i2pfox";
|
||||
genericName = "Web Browser";
|
||||
exec = ''firefox -P "i2p"'';
|
||||
terminal = false;
|
||||
categories = [ "Application" "Network" "WebBrowser" ];
|
||||
mimeType = [ "text/html" "text/xml" ];
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
programs.firejail = {
|
||||
wrappedBinaries = {
|
||||
firefox = {
|
||||
|
|
|
|||
|
|
@ -2,12 +2,8 @@
|
|||
networking.firewall = {
|
||||
enable = true;
|
||||
allowedUDPPorts = [
|
||||
34197 #factorio
|
||||
4242
|
||||
];
|
||||
allowedTCPPorts = [
|
||||
25565 # mc
|
||||
4242
|
||||
];
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,8 +55,6 @@ in
|
|||
text = "#FAD000";
|
||||
};
|
||||
|
||||
|
||||
|
||||
keybindings =
|
||||
lib.mkOptionDefault
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,256 +1,4 @@
|
|||
{ pkgs, ... }: {
|
||||
programs.nixvim = {
|
||||
enable = true;
|
||||
#TODO floaterm
|
||||
|
||||
# a snippet engine
|
||||
plugins.luasnip = {
|
||||
enable = true;
|
||||
};
|
||||
|
||||
# TODO lsp_signature idk if it exists
|
||||
#plugins.lsp_signature = {
|
||||
# enable = true;
|
||||
#};
|
||||
|
||||
plugins.none-ls = {
|
||||
enable = true;
|
||||
sources = {
|
||||
code_actions = {
|
||||
statix.enable = true;
|
||||
gitsigns.enable = true;
|
||||
};
|
||||
diagnostics = {
|
||||
statix.enable = true;
|
||||
deadnix.enable = true;
|
||||
pylint.enable = true;
|
||||
checkstyle.enable = true;
|
||||
};
|
||||
formatting = {
|
||||
alejandra.enable = true;
|
||||
stylua.enable = true;
|
||||
shfmt.enable = true;
|
||||
nixpkgs_fmt.enable = true;
|
||||
google_java_format.enable = false;
|
||||
prettier = {
|
||||
enable = true;
|
||||
disableTsServerFormatter = true;
|
||||
};
|
||||
|
||||
};
|
||||
completion = {
|
||||
luasnip.enable = true;
|
||||
spell.enable = true;
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
plugins.lsp =
|
||||
{
|
||||
enable = true;
|
||||
servers = {
|
||||
# Average webdev LSPs
|
||||
tsserver.enable = true; # TS/JS
|
||||
cssls.enable = true; # CSS
|
||||
tailwindcss.enable = true; # TailwindCSS
|
||||
html.enable = true; # HTML
|
||||
astro.enable = true; # AstroJS
|
||||
phpactor.enable = true; # PHP
|
||||
svelte.enable = false; # Svelte
|
||||
vuels.enable = false; # Vue
|
||||
pyright.enable = true; # Python
|
||||
marksman.enable = true; # Markdown
|
||||
nil-ls.enable = true; # Nix
|
||||
dockerls.enable = true; # Docker
|
||||
bashls.enable = true; # Bash
|
||||
clangd.enable = true; # C/C++
|
||||
csharp-ls.enable = true; # C#
|
||||
yamlls.enable = true; # YAML
|
||||
lua-ls = {
|
||||
# Lua
|
||||
enable = true;
|
||||
settings.telemetry.enable = false;
|
||||
};
|
||||
|
||||
#Rust
|
||||
rust-analyzer = {
|
||||
enable = true;
|
||||
installRustc = false; # disabled so devshells work
|
||||
installCargo = false; # disabled so devsellsh work
|
||||
settings.completion.callable.snippets = "add_parentheses";
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
};
|
||||
# Highlight word under cursor
|
||||
plugins.illuminate = {
|
||||
enable = true;
|
||||
underCursor = false;
|
||||
filetypesDenylist = [
|
||||
"Outline"
|
||||
"TelescopePrompt"
|
||||
"alpha"
|
||||
"harpoon"
|
||||
"reason"
|
||||
];
|
||||
};
|
||||
# Dashboard
|
||||
plugins.alpha = {
|
||||
enable = true;
|
||||
theme = "dashboard";
|
||||
iconsEnabled = true;
|
||||
};
|
||||
|
||||
|
||||
plugins.cmp = {
|
||||
enable = true;
|
||||
settings = {
|
||||
autoEnableSources = true;
|
||||
experimental = { ghost_text = true; };
|
||||
performance = {
|
||||
debounce = 60;
|
||||
fetchingTimeout = 200;
|
||||
maxViewEntries = 30;
|
||||
};
|
||||
|
||||
formatting = { fields = [ "kind" "abbr" "menu" ]; };
|
||||
sources = [
|
||||
{ name = "nvim_lsp"; }
|
||||
{ name = "emoji"; }
|
||||
{
|
||||
name = "buffer"; # text within current buffer
|
||||
option.get_bufnrs.__raw = "vim.api.nvim_list_bufs";
|
||||
keywordLength = 3;
|
||||
}
|
||||
# { name = "copilot"; } # enable/disable copilot
|
||||
{
|
||||
name = "path"; # file system paths
|
||||
keywordLength = 3;
|
||||
}
|
||||
];
|
||||
|
||||
window = {
|
||||
completion = { border = "solid"; };
|
||||
documentation = { border = "solid"; };
|
||||
};
|
||||
|
||||
mapping = {
|
||||
"<Tab>" = "cmp.mapping(cmp.mapping.select_next_item(), {'i', 's'})";
|
||||
"<C-j>" = "cmp.mapping.select_next_item()";
|
||||
"<C-k>" = "cmp.mapping.select_prev_item()";
|
||||
"<C-e>" = "cmp.mapping.abort()";
|
||||
"<C-b>" = "cmp.mapping.scroll_docs(-4)";
|
||||
"<C-f>" = "cmp.mapping.scroll_docs(4)";
|
||||
"<C-Space>" = "cmp.mapping.complete()";
|
||||
"<CR>" = "cmp.mapping.confirm({ select = true })";
|
||||
"<S-CR>" = "cmp.mapping.confirm({ behavior = cmp.ConfirmBehavior.Replace, select = true })";
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
plugins.cmp-nvim-lsp = {
|
||||
enable = true; # LSP
|
||||
};
|
||||
plugins.cmp-buffer = {
|
||||
enable = true;
|
||||
};
|
||||
plugins.cmp-path = {
|
||||
enable = true; # file system paths
|
||||
};
|
||||
plugins.cmp_luasnip = {
|
||||
enable = true; # snippets
|
||||
};
|
||||
|
||||
|
||||
|
||||
# TODO gen.nvim not in nixvim
|
||||
|
||||
# highlites colors (like #FFF)
|
||||
plugins.nvim-colorizer = {
|
||||
enable = true;
|
||||
};
|
||||
|
||||
# todo-comments
|
||||
plugins.todo-comments.enable = true;
|
||||
|
||||
# TODO feline-nvim and theme for it
|
||||
|
||||
# inline git blame
|
||||
plugins.gitsigns = {
|
||||
enable = true;
|
||||
settings = {
|
||||
current_line_blame = true;
|
||||
trouble = true;
|
||||
};
|
||||
};
|
||||
|
||||
# inline error display
|
||||
plugins.trouble = {
|
||||
enable = true;
|
||||
settings = { };
|
||||
};
|
||||
|
||||
#plugins.nvimtree.enable = true;
|
||||
|
||||
# when adding " or any letter the selected word gets wrapped in it
|
||||
plugins.surround.enable = true;
|
||||
|
||||
# file explorer
|
||||
plugins.chadtree = {
|
||||
enable = true;
|
||||
};
|
||||
|
||||
# status bar
|
||||
plugins.lualine = {
|
||||
enable = true;
|
||||
};
|
||||
|
||||
# a cool summary searcher
|
||||
plugins.navbuddy.enable = true;
|
||||
|
||||
|
||||
|
||||
# languages
|
||||
plugins.nix.enable = true;
|
||||
|
||||
keymaps = [
|
||||
{
|
||||
key = "<leader>v";
|
||||
action = "<cmd>CHADopen --always-focus<cr>";
|
||||
}
|
||||
{
|
||||
key = "<leader>e";
|
||||
action = "<cmd>CHADopen<cr>";
|
||||
}
|
||||
];
|
||||
|
||||
# THEME
|
||||
colorschemes.cyberdream.enable = true;
|
||||
colorscheme = "cyberdream";
|
||||
|
||||
opts = {
|
||||
number = true;
|
||||
relativenumber = true;
|
||||
};
|
||||
globals.mapleader = " ";
|
||||
|
||||
# TODO shades of purple colorscheme
|
||||
#extraPlugins = [ pkgs.vimPlugins.gruvbox ];
|
||||
# extraPlugins = [
|
||||
# pkgs.vimUtils.buildVimPlugin
|
||||
# {
|
||||
# pname = "shades-of-purple";
|
||||
# version = "1.1.1";
|
||||
# src = pkgs.fetchFromGitHub {
|
||||
# owner = "Rigellute";
|
||||
# repo = "shades-of-purple.vim";
|
||||
# rev = "e806d38190a6a2e8b9244824c2953d6567f141f3";
|
||||
# hash = "sha256-iiGASgVlIXnnUNBlp9viKgDBfHiOP5P/yJx9XyELT9g=";
|
||||
# };
|
||||
# buildScript = ":";
|
||||
# }
|
||||
# ];
|
||||
|
||||
};
|
||||
# TODO install neo2005
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,6 @@
|
|||
#environment.systemPackages = with pkgs; [
|
||||
# ollama
|
||||
#];
|
||||
services.ollama.enable = false;
|
||||
services.ollama.enable = true;
|
||||
services.ollama.acceleration = "cuda";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -152,7 +152,7 @@ in
|
|||
foreground = "#FFFFFF";
|
||||
height = 34;
|
||||
modules-center = "ewmh";
|
||||
modules-left = "date s keyboard";
|
||||
modules-left = "date s keyboard battery";
|
||||
modules-right = " fs-data s fs-system s memory s start gpu-temp gpu-usage end s cpu-temp cpu-usage";
|
||||
padding-left = 2;
|
||||
padding-right = 2;
|
||||
|
|
|
|||
|
|
@ -42,7 +42,6 @@
|
|||
#gimp
|
||||
# remote desktop
|
||||
#rustdesk
|
||||
losslesscut-bin
|
||||
|
||||
];
|
||||
fonts.packages = with pkgs; [
|
||||
|
|
|
|||
|
|
@ -30,6 +30,9 @@
|
|||
#xdg-utils
|
||||
#xdg-launch
|
||||
postman
|
||||
|
||||
neovim
|
||||
|
||||
];
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
{
|
||||
|
||||
environment.systemPackages = with pkgs;[
|
||||
# minecraft
|
||||
prismlauncher
|
||||
heroic
|
||||
(lutris.override {
|
||||
|
|
@ -13,12 +12,6 @@
|
|||
];
|
||||
})
|
||||
pysolfc
|
||||
# for sober roblox
|
||||
#flatpak
|
||||
#lan-mouse
|
||||
|
||||
#qemu
|
||||
#quickemu
|
||||
mangohud
|
||||
];
|
||||
# enabling java for mc
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ in
|
|||
hardware.nvidia = { };
|
||||
|
||||
# TODO fix hybrid optimus shit mode... add "intel" for inner display to work
|
||||
services.xserver.videoDrivers = [ "nvidia" "intel" ];
|
||||
services.xserver.videoDrivers = [ "nvidia" ];
|
||||
|
||||
|
||||
nixpkgs.config.cudaSupport = true;
|
||||
|
|
|
|||
|
|
@ -1,123 +0,0 @@
|
|||
:root {
|
||||
--root-font-size:13px;
|
||||
--icon-color:#fad000;
|
||||
--primary-color:#fad000;
|
||||
--secondary-color:#131327;
|
||||
--success-color:green;
|
||||
--warning-color:orange;
|
||||
--danger-color:#cc3232;
|
||||
--generic-border-color:#3232324d;
|
||||
--main-bg:#191830;
|
||||
--main-bg-transparent:18,18,18;
|
||||
--main-fg:#e1e1e1;
|
||||
--main-fg-secondary:#b1adad;
|
||||
--window-bar-bg:#191830;
|
||||
--window-bar-fg:#fff;
|
||||
--titlebar-fg:#fff;
|
||||
--titlebar-bg:#191830;
|
||||
--titlebar-controls-bg:#0000;
|
||||
--sidebar-bg:#131327;
|
||||
--sidebar-bg-hover:#323232;
|
||||
--sidebar-fg:#e6e6e6;
|
||||
--sidebar-fg-hover:#fff;
|
||||
--sidebar-handle-bg:#4d4d4d;
|
||||
--sidebar-border:2px #121212b3 solid;
|
||||
--playerbar-bg:#131327;
|
||||
--playerbar-bg-active:#0b0b0b;
|
||||
--playerbar-btn-main-fg:#000;
|
||||
--playerbar-btn-main-fg-hover:#000;
|
||||
--playerbar-btn-main-bg:#e6e6e6;
|
||||
--playerbar-btn-main-bg-hover:#fff;
|
||||
--playerbar-btn-fg:#c8c8c8cc;
|
||||
--playerbar-btn-fg-hover:#fff;
|
||||
--playerbar-btn-bg:#c5c5c5;
|
||||
--playerbar-btn-bg-hover:#0000;
|
||||
--playerbar-border-top:1px #3232324d solid;
|
||||
--playerbar-slider-track-bg:#3c3f43;
|
||||
--playerbar-slider-track-progress-bg:#fad000;
|
||||
--tooltip-bg:#fff;
|
||||
--tooltip-fg:#000;
|
||||
--scrollbar-size:12px;
|
||||
--scrollbar-track-bg:#0000;
|
||||
--scrollbar-thumb-bg:#a0a0a04d;
|
||||
--scrollbar-thumb-bg-hover:#a0a0a099;
|
||||
--btn-filled-bg:var(--primary-color);
|
||||
--btn-filled-bg-hover: #f5f5f5;
|
||||
--btn-filled-fg:#fad000;
|
||||
--btn-filled-fg-hover:#fff;
|
||||
--btn-filled-border:none;
|
||||
--btn-filled-radius:4px;
|
||||
--btn-default-bg:#fad000;
|
||||
--btn-default-bg-hover:#3f3f3f;
|
||||
--btn-default-fg:#131327;
|
||||
--btn-default-fg-hover:#131327;
|
||||
--btn-default-border:none;
|
||||
--btn-default-radius:2px;
|
||||
--btn-subtle-bg:#0000;
|
||||
--btn-subtle-bg-hover:#0000;
|
||||
--btn-subtle-fg:#dcdcdc;
|
||||
--btn-subtle-fg-hover:#fff;
|
||||
--btn-subtle-border:none;
|
||||
--btn-subtle-radius:4px;
|
||||
--btn-outline-bg:#0000;
|
||||
--btn-outline-bg-hover:#0000;
|
||||
--btn-outline-fg:#dcdcdc;
|
||||
--btn-outline-fg-hover:#fff;
|
||||
--btn-outline-border:1px #8c8c8c80 solid;
|
||||
--btn-outline-border-hover:1px #ffffff80 solid;
|
||||
--btn-outline-radius:5rem;
|
||||
--input-bg:#191830;
|
||||
--input-fg:#FAD000;
|
||||
--input-placeholder-fg:#6b6c6d;
|
||||
--input-active-fg:#c1c1c1;
|
||||
--input-active-bg:#ffffff1a;
|
||||
--dropdown-menu-bg:#15152b;
|
||||
--dropdown-menu-fg:#ebebeb;
|
||||
--dropdown-menu-item-padding:0.8rem;
|
||||
--dropdown-menu-item-font-size:1rem;
|
||||
--dropdown-menu-bg-hover:#1E1E3F80;
|
||||
--dropdown-menu-border:1px var(--generic-border-color) solid;
|
||||
--dropdown-menu-border-radius:4px;
|
||||
--switch-track-bg:#323232;
|
||||
--switch-track-enabled-bg:var(--primary-color);
|
||||
--switch-thumb-bg:#fff;
|
||||
--slider-track-bg:#ede9e9;
|
||||
--slider-thumb-bg:#fff;
|
||||
--skeleton-bg:#ffffff14;
|
||||
--toast-title-fg:#fff;
|
||||
--toast-description-fg:#c1c2c5;
|
||||
--toast-bg:#101010;
|
||||
--modal-bg:var(--main-bg);
|
||||
--modal-header-bg:var(--paper-bg);
|
||||
--badge-bg:#505050;
|
||||
--badge-fg:#fff;
|
||||
--badge-radius:12px;
|
||||
--paper-bg:#191830;
|
||||
--placeholder-bg: #191830;
|
||||
--placeholder-fg:#7e7e7e;
|
||||
--card-default-bg:#f8f5f5;
|
||||
--card-default-bg-hover:#2c2c2c;
|
||||
--card-default-radius:5px;
|
||||
--card-poster-bg:#0000;
|
||||
--card-poster-bg-hover:#0000;
|
||||
--card-poster-radius:3px;
|
||||
--background-noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDMwMHYzMDBIMHoiLz48L3N2Zz4=);
|
||||
--current-song-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIxMDAgMTMwIDU3IDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMDZweCAxNDBweCIgZD0iTTEwMCAxMzBoMTJ2MjBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMjFweCAxNjBweCIgZD0iTTExNSAxMzBoMTJ2NjBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMzZweCAxNzBweCIgZD0iTTEzMCAxMzBoMTJ2ODBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxNTFweCAxNTIuNXB4IiBkPSJNMTQ1IDEzMGgxMnY0NWgtMTJ6Ii8+PC9zdmc+);
|
||||
--current-song-image-animated:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIxMDAgMTMwIDU3IDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMDZweCAxNzBweCIgZD0iTTEwMCAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjgwOzE1OzgwIiBiZWdpbj0iMC4xcyIgZHVyPSIwLjk1cyIga2V5VGltZXM9IjA7IDAuNDczNjg7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQyIDAgMC41OCAxOyAwLjQyIDAgMC41OCAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMjFweCAxNzBweCIgZD0iTTExNSAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjI1OzgwOzI1IiBiZWdpbj0iMC4xcyIgZHVyPSIwLjk1cyIga2V5VGltZXM9IjA7IDAuNDQ0NDQ7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQ1IDAgMC41NSAxOyAwLjQ1IDAgMC41NSAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMzZweCAxNzBweCIgZD0iTTEzMCAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjgwOzEwOzgwIiBiZWdpbj0iMC4xcyIgZHVyPSIwLjg1cyIga2V5VGltZXM9IjA7IDAuNDIxMDU7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjY1IDAgMC4zNSAxOyAwLjY1IDAgMC4zNSAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxNTFweCAxNzBweCIgZD0iTTE0NSAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjMwOzgwOzMwIiBiZWdpbj0iMC4xcyIgZHVyPSIxLjA1cyIga2V5VGltZXM9IjA7IDAuMzE1Nzk7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQyIDAgMC41OCAxOyAwLjQyIDAgMC41OCAxIi8+PC9wYXRoPjwvc3ZnPg==);
|
||||
--bg-header-overlay:linear-gradient(#0000 0%,#1901830 100%),var(--background-noise);
|
||||
--bg-subheader-overlay:linear-gradient(180deg,#0000000d 0%,var(--main-bg) 100%),var(--background-noise);
|
||||
--table-header-bg:#181818;
|
||||
--table-header-fg:#b3b3b3;
|
||||
--table-border:none;
|
||||
--table-border-color:#ffffff1a;
|
||||
--table-bg:var(--main-bg);
|
||||
--table-alt-bg:var(--main-bg);
|
||||
--table-fg:#b3b3b3;
|
||||
--table-row-hover-bg:#64646433;
|
||||
--table-row-selected-bg:#64646466;
|
||||
--fullscreen-player-text-shadow:#000 0px 0px 10px
|
||||
}
|
||||
|
||||
.ag-header {
|
||||
background-color: var(--window-bar-bg)
|
||||
}
|
||||
|
|
@ -1,574 +0,0 @@
|
|||
/* ==UserStyle==
|
||||
@name Forgejoe Shades of purple
|
||||
@version 20241105.06.16
|
||||
@namespace forgejo.css.expo.moe
|
||||
@description Stylesheet for Forgejo Sites (like Codeberg) that bring them into the modern era with shades of purple color scheme
|
||||
@author Expo, 4o1x5.dev
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("git.4o1x5.dev") {
|
||||
:root {
|
||||
--border-radius: 12px;
|
||||
--corner-radius: var(--border-radius);
|
||||
--steel-1000: #1a1a35;
|
||||
--steel-900: #15152a;
|
||||
--steel-850: #131327;
|
||||
--steel-800: #222145;
|
||||
--steel-750: #2a2a4a;
|
||||
--steel-700: #333366;
|
||||
--steel-650: #3d3d80;
|
||||
--steel-600: #474799;
|
||||
--steel-550: #5151b3;
|
||||
--steel-500: #5b5bcc;
|
||||
--steel-450: #6666e6;
|
||||
--steel-400: #7070ff;
|
||||
--steel-350: #7a7aff;
|
||||
--steel-300: #8484ff;
|
||||
--steel-250: #8e8eff;
|
||||
--steel-200: #9999ff;
|
||||
--steel-150: #a3a3ff;
|
||||
--steel-100: #adadff;
|
||||
--is-dark-theme: true;
|
||||
--color-primary: #6943ff;
|
||||
--color-primary-contrast: #000;
|
||||
--color-primary-dark-1: #5f3ae6;
|
||||
--color-primary-dark-2: #5533cc;
|
||||
--color-primary-dark-3: #4b2bb3;
|
||||
--color-primary-dark-4: #412299;
|
||||
--color-primary-dark-5: #371a80;
|
||||
--color-primary-dark-6: #2d1166;
|
||||
--color-primary-dark-7: #23094d;
|
||||
--color-primary-light-1: #7a5aff;
|
||||
--color-primary-light-2: #8e70ff;
|
||||
--color-primary-light-3: #a385ff;
|
||||
--color-primary-light-4: #b79bff;
|
||||
--color-primary-light-5: #ccb0ff;
|
||||
--color-primary-light-6: #e0c6ff;
|
||||
--color-primary-light-7: #f5dbff;
|
||||
--color-primary-alpha-10: #6943ff19;
|
||||
--color-primary-alpha-20: #6943ff33;
|
||||
--color-primary-alpha-30: #6943ff4b;
|
||||
--color-primary-alpha-40: #6943ff66;
|
||||
--color-primary-alpha-50: #6943ff80;
|
||||
--color-primary-alpha-60: #6943ff99;
|
||||
--color-primary-alpha-70: #6943ffb3;
|
||||
--color-primary-alpha-80: #6943ffcc;
|
||||
--color-primary-alpha-90: #6943ffe1;
|
||||
--color-primary-hover: var(--color-primary-light-1);
|
||||
--color-primary-active: var(--color-primary-light-2);
|
||||
--color-secondary: var(--steel-850);
|
||||
--color-secondary-dark-1: var(--steel-550);
|
||||
--color-secondary-dark-2: var(--steel-500);
|
||||
--color-secondary-dark-3: var(--steel-450);
|
||||
--color-secondary-dark-4: var(--steel-400);
|
||||
--color-secondary-dark-5: var(--steel-350);
|
||||
--color-secondary-dark-6: var(--steel-300);
|
||||
--color-secondary-dark-7: var(--steel-250);
|
||||
--color-secondary-dark-8: var(--steel-200);
|
||||
--color-secondary-dark-9: var(--steel-150);
|
||||
--color-secondary-dark-10: var(--steel-100);
|
||||
--color-secondary-dark-11: var(--steel-100);
|
||||
--color-secondary-dark-12: var(--steel-100);
|
||||
--color-secondary-dark-13: var(--steel-100);
|
||||
--color-secondary-light-1: var(--steel-650);
|
||||
--color-secondary-light-2: var(--steel-700);
|
||||
--color-secondary-light-3: var(--steel-750);
|
||||
--color-secondary-light-4: var(--steel-800);
|
||||
--color-secondary-alpha-10: #2b364219;
|
||||
--color-secondary-alpha-20: #2b364233;
|
||||
--color-secondary-alpha-30: #2b36424b;
|
||||
--color-secondary-alpha-40: #2b364266;
|
||||
--color-secondary-alpha-50: #2b364280;
|
||||
--color-secondary-alpha-60: #2b364299;
|
||||
--color-secondary-alpha-70: #2b3642b3;
|
||||
--color-secondary-alpha-80: #2b3642cc;
|
||||
--color-secondary-alpha-90: #2b3642e1;
|
||||
--color-secondary-hover: var(--color-secondary-light-1);
|
||||
--color-secondary-active: var(--color-secondary-light-2);
|
||||
/* console colors - used for actions console and console files */
|
||||
--color-console-fg: #FFF;
|
||||
--color-console-fg-subtle: #959cab;
|
||||
--color-console-bg: #1f212b;
|
||||
--color-console-border: #383c47;
|
||||
--color-console-hover-bg: #ffffff16;
|
||||
--color-console-active-bg: #454a57;
|
||||
--color-console-menu-bg: #383c47;
|
||||
--color-console-menu-border: #5c6374;
|
||||
/* colors */
|
||||
--color-red: #b91c1c;
|
||||
--color-orange: #ea580c;
|
||||
--color-yellow: #ca8a04;
|
||||
--color-olive: #91a313;
|
||||
--color-green: #15803d;
|
||||
--color-teal: #0d9488;
|
||||
--color-blue: #2563eb;
|
||||
--color-violet: #7c3aed;
|
||||
--color-purple: #9333ea;
|
||||
--color-pink: #db2777;
|
||||
--color-brown: #a47252;
|
||||
--color-grey: var(--steel-500);
|
||||
--color-black: #111827;
|
||||
/* light variants */
|
||||
--color-red-light: #dc2626;
|
||||
--color-orange-light: #f97316;
|
||||
--color-yellow-light: #eab308;
|
||||
--color-olive-light: #839311;
|
||||
--color-green-light: #16a34a;
|
||||
--color-teal-light: #14b8a6;
|
||||
--color-blue-light: #3b82f6;
|
||||
--color-violet-light: #8b5cf6;
|
||||
--color-purple-light: #a855f7;
|
||||
--color-pink-light: #ec4899;
|
||||
--color-brown-light: #94674a;
|
||||
--color-grey-light: var(--steel-300);
|
||||
--color-black-light: #1f2937;
|
||||
/* dark 1 variants produced via Sass scale-color(color, $lightness: -10%) */
|
||||
--color-red-dark-1: #a71919;
|
||||
--color-orange-dark-1: #d34f0b;
|
||||
--color-yellow-dark-1: #b67c04;
|
||||
--color-olive-dark-1: #839311;
|
||||
--color-green-dark-1: #137337;
|
||||
--color-teal-dark-1: #0c857a;
|
||||
--color-blue-dark-1: #1554e0;
|
||||
--color-violet-dark-1: #6a1feb;
|
||||
--color-purple-dark-1: #8519e7;
|
||||
--color-pink-dark-1: #c7216b;
|
||||
--color-brown-dark-1: #94674a;
|
||||
--color-black-dark-1: #0f1623;
|
||||
/* dark 2 variants produced via Sass scale-color(color, $lightness: -20%) */
|
||||
--color-red-dark-2: #941616;
|
||||
--color-orange-dark-2: #bb460a;
|
||||
--color-yellow-dark-2: #ca8a04;
|
||||
--color-olive-dark-2: #91a313;
|
||||
--color-green-dark-2: #15803d;
|
||||
--color-teal-dark-2: #0a766d;
|
||||
--color-blue-dark-2: #2563eb;
|
||||
--color-violet-dark-2: #5c14d8;
|
||||
--color-purple-dark-2: #7c3aed;
|
||||
--color-pink-dark-2: #b11d5f;
|
||||
--color-brown-dark-2: #a47252;
|
||||
--color-black-dark-2: #111827;
|
||||
/* other colors */
|
||||
--color-gold: #b1983b;
|
||||
--color-white: #ffffff;
|
||||
--color-diff-removed-word-bg: #783030;
|
||||
--color-diff-added-word-bg: #255c39;
|
||||
--color-diff-removed-row-bg: #432121;
|
||||
--color-diff-moved-row-bg: #825718;
|
||||
--color-diff-added-row-bg: #1b3625;
|
||||
--color-diff-removed-row-border: #783030;
|
||||
--color-diff-moved-row-border: #a67a1d;
|
||||
--color-diff-added-row-border: #255c39;
|
||||
--color-diff-inactive: var(--steel-650);
|
||||
--color-error-border: #783030;
|
||||
--color-error-bg: #5f2525;
|
||||
--color-error-bg-active: #783030;
|
||||
--color-error-bg-hover: #783030;
|
||||
--color-error-text: #fef2f2;
|
||||
--color-success-border: #1f6e3c;
|
||||
--color-success-bg: #1d462c;
|
||||
--color-success-text: #f0fdf4;
|
||||
--color-warning-border: #a67a1d;
|
||||
--color-warning-bg: #644821;
|
||||
--color-warning-text: #fefce8;
|
||||
--color-info-border: #2e50b0;
|
||||
--color-info-bg: #2a396b;
|
||||
--color-info-text: var(--steel-100);
|
||||
--color-red-badge: #b91c1c;
|
||||
--color-red-badge-bg: #b91c1c22;
|
||||
--color-red-badge-hover-bg: #b91c1c44;
|
||||
--color-green-badge: #16a34a;
|
||||
--color-green-badge-bg: #16a34a22;
|
||||
--color-green-badge-hover-bg: #16a34a44;
|
||||
--color-yellow-badge: #ca8a04;
|
||||
--color-yellow-badge-bg: #ca8a0422;
|
||||
--color-yellow-badge-hover-bg: #ca8a0444;
|
||||
--color-orange-badge: #ea580c;
|
||||
--color-orange-badge-bg: #ea580c22;
|
||||
--color-orange-badge-hover-bg: #ea580c44;
|
||||
--color-git: #f05133;
|
||||
/* target-based colors */
|
||||
--color-body: var(--steel-900);
|
||||
--color-box-header: var(--steel-700);
|
||||
--color-box-body: var(--steel-750);
|
||||
--color-box-body-highlight: var(--steel-650);
|
||||
--color-text-dark: #fff;
|
||||
--color-text: var(--steel-100);
|
||||
--color-text-light: var(--steel-150);
|
||||
--color-text-light-1: var(--steel-150);
|
||||
--color-text-light-2: var(--steel-200);
|
||||
--color-text-light-3: var(--steel-200);
|
||||
--color-footer: var(--steel-1000);
|
||||
--color-timeline: var(--steel-650);
|
||||
--color-input-text: var(--steel-100);
|
||||
--color-input-background: var(--steel-650);
|
||||
--color-input-toggle-background: var(--steel-650);
|
||||
--color-input-border: var(--steel-550);
|
||||
--color-input-border-hover: var(--steel-450);
|
||||
--color-header-wrapper: #0000;
|
||||
--color-header-wrapper-transparent: #242d3800;
|
||||
--color-light: #00000028;
|
||||
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
|
||||
--color-light-border: #ffffff28;
|
||||
--color-hover: var(--steel-600);
|
||||
--color-active: var(--steel-650);
|
||||
--color-menu: var(--steel-800);
|
||||
--color-card: var(--steel-800);
|
||||
--color-markup-table-row: #ffffff06;
|
||||
--color-markup-code-block: var(--steel-800);
|
||||
--color-button: var(--steel-600);
|
||||
--color-code-bg: var(--steel-750);
|
||||
--color-code-sidebar-bg: var(--steel-600);
|
||||
--color-shadow: #00000060;
|
||||
--color-secondary-bg: var(--steel-700);
|
||||
--color-text-focus: #fff;
|
||||
--color-expand-button: #3c404d;
|
||||
--color-placeholder-text: var(--steel-450);
|
||||
--color-editor-line-highlight: var(--steel-700);
|
||||
--color-project-board-bg: var(--color-secondary-light-3);
|
||||
--color-project-board-dark-label: var(--color-text-light-3);
|
||||
--color-caret: var(--color-text);
|
||||
/* should ideally be --color-text-dark, see #15651 */
|
||||
--color-reaction-bg: #ffffff12;
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-30);
|
||||
--color-tooltip-text: #ffffff;
|
||||
--color-tooltip-bg: #000000f0;
|
||||
--color-nav-bg: var(--steel-800);
|
||||
--color-nav-hover-bg: var(--steel-600);
|
||||
--color-label-text: #fff;
|
||||
--color-label-bg: #393939;
|
||||
--color-label-hover-bg: #5f5f5f;
|
||||
--color-label-active-bg: #4c4c4c;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: var(--color-primary-alpha-20);
|
||||
--color-overlay-backdrop: #080808c0;
|
||||
--standard-spacing: 2rem;
|
||||
accent-color: var(--color-accent);
|
||||
color-scheme: dark;
|
||||
|
||||
}
|
||||
|
||||
#navbar {
|
||||
border-bottom: none;
|
||||
margin-bottom: var(--standard-spacing) !important;
|
||||
}
|
||||
|
||||
.dashboard-navbar {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: var(--standard-spacing) !important;
|
||||
}
|
||||
.dashboard-navbar > .ui {
|
||||
width: 1280px;
|
||||
max-width: calc(100% - 64px);
|
||||
|
||||
background: var(--steel-800) !important;
|
||||
padding: 1rem;
|
||||
border-radius: var(--corner-radius) !important;
|
||||
}
|
||||
.dashboard-navbar + .divider {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#user-heatmap + .divider {
|
||||
opacity: 0;
|
||||
padding-top: var(--standard-spacing);
|
||||
}
|
||||
|
||||
.flex-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--standard-spacing) / 2);
|
||||
}
|
||||
.flex-list > .flex-item {
|
||||
padding: calc(var(--standard-spacing) / 2) !important;
|
||||
background: #ffffff08;
|
||||
border-radius: var(--corner-radius);
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.flex-list > .flex-item:hover {
|
||||
background: #ffffff11;
|
||||
}
|
||||
.flex-list > .flex-item + .flex-item {
|
||||
border-top-color: #1a1a1a00;
|
||||
}
|
||||
|
||||
.ui.menu {
|
||||
border-radius: var(--corner-radius);
|
||||
border: #0000 none 0px;
|
||||
}
|
||||
.ui.menu:not(.secondary) > .item:first-child {
|
||||
border-radius: var(--corner-radius) 0 0 var(--corner-radius) !important;
|
||||
}
|
||||
.ui.menu:not(.secondary) > .item:last-child {
|
||||
border-radius: 0 var(--corner-radius) var(--corner-radius) 0 !important;
|
||||
}
|
||||
.ui.pagination.menu .item:last-child, .ui.compact.menu .item:last-child {
|
||||
border-radius: 0 var(--corner-radius) var(--corner-radius) 0;
|
||||
}
|
||||
|
||||
input:hover, textarea:hover, .ui.input input:hover, .ui.form input:not([type]):hover, .ui.form select:hover, .ui.form textarea:hover, .ui.form input[type="date"]:hover, .ui.form input[type="datetime-local"]:hover, .ui.form input[type="email"]:hover, .ui.form input[type="file"]:hover, .ui.form input[type="number"]:hover, .ui.form input[type="password"]:hover, .ui.form input[type="search"]:hover, .ui.form input[type="tel"]:hover, .ui.form input[type="text"]:hover, .ui.form input[type="time"]:hover, .ui.form input[type="url"]:hover, .ui.selection.dropdown:hover, .ui.checkbox label:hover::before, .ui.checkbox label:active::before, .ui.radio.checkbox label::after, .ui.radio.checkbox input:focus ~ label::before, .ui.radio.checkbox input:checked ~ label::before,
|
||||
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"],
|
||||
.ui.input > input,
|
||||
.ui.input textarea, .ui.form textarea,
|
||||
.ui.selection.dropdown {
|
||||
border-color: #0000 !important;
|
||||
background: #ffffff08;
|
||||
transition: background 0.3s;
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
input:focus, textarea:focus, .ui.input input:focus, .ui.form input:not([type]):focus, .ui.form select:focus, .ui.form textarea:focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus, .ui.selection.dropdown:focus, .ui.checkbox input:focus ~ label::before, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before, .ui.checkbox input:checked:focus ~ label::before, .ui.radio.checkbox input:focus:checked ~ label::before,
|
||||
.ui.input textarea:focus, .ui.form textarea:focus {
|
||||
background: #fff1;
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
.ui.button,
|
||||
.user.profile .ui.card .extra.content > ul > li:not(:last-child),
|
||||
.ui.cards > .card > .extra, .ui.card > .extra {
|
||||
border: #0000 none 0px !important;
|
||||
}
|
||||
.ui.cards > .card > .extra, .ui.card > .extra {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.ui.action.input > .dropdown:last-child, .ui.action.input > .button:last-child, .ui.action.input > .buttons:last-child > .button {
|
||||
border-radius: 0 var(--corner-radius) var(--corner-radius) 0;
|
||||
}
|
||||
.ui.secondary.menu .item,
|
||||
.ui.secondary.menu .active.item {
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
.ui.secondary.pointing.menu .item {
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui.secondary.menu {
|
||||
gap: calc(var(--standard-spacing) / 2);
|
||||
}
|
||||
.ui.cards > .card, .ui.card {
|
||||
border: #0000 none 0px;
|
||||
border-radius: var(--corner-radius);
|
||||
padding: calc(var(--standard-spacing) / 3)
|
||||
}
|
||||
.repo-list-link {
|
||||
padding: 12px;
|
||||
border-color: #0000 !important;
|
||||
background: #ffffff04;
|
||||
transition: background 0.3s;
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
.repo-list-link:hover,
|
||||
.repo-list-link:focus {
|
||||
background: #ffffff08;
|
||||
text-decoration: none;
|
||||
}
|
||||
.repo-owner-name-list > li:not(:last-child) {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.repo-owner-name-list > li:not(:first-child) {
|
||||
padding-top: calc(var(--standard-spacing) / 3) !important;
|
||||
}
|
||||
.repo-owner-name-list > li:first-child {
|
||||
padding-top: calc(var(--standard-spacing) / 2) !important;
|
||||
}
|
||||
.ui.segment, .ui.segments, .ui.attached.segment {
|
||||
border-color: #0000;
|
||||
}
|
||||
|
||||
.ui.top.attached.header {
|
||||
border-radius: var(--corner-radius) var(--corner-radius) 0 0;
|
||||
border: 0px none #0000;
|
||||
}
|
||||
.ui.top.attached.header:not(:has(.ui.bottom.attached)) + .ui.attached.segment:last-child,
|
||||
[aria-label="Repository"] .ui.top.attached.header + .ui.attached.segment,
|
||||
.ui.bottom.attached.ui.bottom.attached {
|
||||
border-radius: 0 0 var(--corner-radius) var(--corner-radius);
|
||||
border: 0px none #0000;
|
||||
}
|
||||
|
||||
.ui.button.ui.button,
|
||||
.ui.basic.buttons.ui.basic.buttons .button.button, .ui.basic.button.ui.basic.button{
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
.ui.labeled.button:not([class*="left labeled"]) > .button {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.ui.basic.label {
|
||||
border: #0000 none 0px;
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
|
||||
.header-wrapper,
|
||||
#repo-topics {
|
||||
margin-bottom: calc(var(--standard-spacing) / 1.5);
|
||||
}
|
||||
|
||||
#issue-list {
|
||||
margin-top: calc(var(--standard-spacing) / 2);
|
||||
}
|
||||
|
||||
.ui.secondary.vertical.menu.gt-bg-transparent {
|
||||
background: #0000;
|
||||
border-radius: 0;
|
||||
}
|
||||
.ui.secondary.vertical.menu.gt-bg-transparent > a {
|
||||
border-radius: var(--corner-radius) !important;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.ui.dropdown .menu {
|
||||
border-radius: var(--corner-radius) !important;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.ui.selection.dropdown .menu {
|
||||
border-radius: 0 0 var(--corner-radius) var(--corner-radius) !important;
|
||||
border: none #0000 0px;
|
||||
}
|
||||
.ui.selection.dropdown .menu > .item {
|
||||
border: none #0000 0px;
|
||||
}
|
||||
|
||||
.ui.tabular.menu {
|
||||
border: 0px none #0000 !important;
|
||||
}
|
||||
|
||||
.ui.tabs.container + .ui.tabs.divider {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ui.tabular.menu {
|
||||
gap: 12px;
|
||||
}
|
||||
.ui.tabular.menu .item {
|
||||
border: 0px none #0000;
|
||||
background: #ffffff0a;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.ui.tabular.menu .item:hover {
|
||||
background: #ffffff0d;
|
||||
}
|
||||
.ui.tabular.menu .active.item, .ui.tabular.menu .active.item:hover {
|
||||
border: 0px none #0000;
|
||||
background: #fff1;
|
||||
}
|
||||
.ui.tabular.menu .item.item.item.item.item.item.item.item.item.item {
|
||||
border-radius: var(--corner-radius) !important;
|
||||
}
|
||||
|
||||
.ui.vertical.menu .header.item {
|
||||
background: #0000;
|
||||
}
|
||||
|
||||
.ui.menu .dropdown.item:last-child:hover, .ui.menu a.item:last-child:hover, .ui.menu details.item:last-child summary:hover {
|
||||
border-radius: 0 0 var(--corner-radius) var(--corner-radius) !important;
|
||||
}
|
||||
.ui.menu .dropdown.item:first-child:hover, .ui.menu a.item:first-child:hover, .ui.menu details.item:first-child summary:hover {
|
||||
border-radius: var(--corner-radius) var(--corner-radius) 0 0 !important;
|
||||
}
|
||||
|
||||
.ui.segments:not(.horizontal) > .segment:first-child {
|
||||
border-radius: var(--corner-radius) var(--corner-radius) 0 0 !important;
|
||||
}
|
||||
.ui.table > thead > tr:first-child > th:first-child {
|
||||
border-radius: var(--corner-radius) 0 0 !important;
|
||||
}
|
||||
.ui.table > thead > tr:first-child > th:last-child {
|
||||
border-radius: 0 var(--corner-radius) 0 0 !important;
|
||||
}
|
||||
.repository.file.list #repo-files-table tr:hover {
|
||||
background: #0000;
|
||||
}
|
||||
.ui.segments,
|
||||
.ui.table {
|
||||
border-radius: var(--corner-radius);
|
||||
}
|
||||
.ui.table {
|
||||
border: 0px none #0000;
|
||||
}
|
||||
#clipboard-btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
#navbar .ui.secondary.menu.ui.secondary.menu.ui.secondary.menu .item {
|
||||
border-radius: var(--corner-radius) !important;
|
||||
}
|
||||
|
||||
#repo-clone-ssh {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* invert emojis that are hard to read otherwise */
|
||||
.emoji[aria-label="check mark"],
|
||||
.emoji[aria-label="currency exchange"],
|
||||
.emoji[aria-label="TOP arrow"],
|
||||
.emoji[aria-label="END arrow"],
|
||||
.emoji[aria-label="ON! arrow"],
|
||||
.emoji[aria-label="SOON arrow"],
|
||||
.emoji[aria-label="heavy dollar sign"],
|
||||
.emoji[aria-label="copyright"],
|
||||
.emoji[aria-label="registered"],
|
||||
.emoji[aria-label="trade mark"],
|
||||
.emoji[aria-label="multiply"],
|
||||
.emoji[aria-label="plus"],
|
||||
.emoji[aria-label="minus"],
|
||||
.emoji[aria-label="divide"],
|
||||
.emoji[aria-label="curly loop"],
|
||||
.emoji[aria-label="double curly loop"],
|
||||
.emoji[aria-label="wavy dash"],
|
||||
.emoji[aria-label="paw prints"],
|
||||
.emoji[aria-label="musical note"],
|
||||
.emoji[aria-label="musical notes"] {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
.text.green.svg {
|
||||
color: var(--color-green-light) !important;
|
||||
}
|
||||
i.grey.icon.icon.icon.icon {
|
||||
color: var(--steel-350) !important;
|
||||
}
|
||||
.ui.secondary.vertical.menu {
|
||||
border-radius: var(--border-radius) !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui.secondary.vertical.menu > .item {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.ui.basic.primary.button.item {
|
||||
background-color: var(--color-active) !important;
|
||||
color: var(--color-text) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ui.red.label.notification_count,
|
||||
.ui.primary.label,
|
||||
.ui.primary.labels .label {
|
||||
background-color: var(--color-primary-light-3) !important;
|
||||
}
|
||||
.repository.view.issue .comment-list .code-comment + .code-comment {
|
||||
margin: 1.25rem 0 !important;
|
||||
padding-top: 1.25rem !important;
|
||||
border-top-color: var(--steel-650) !important;
|
||||
}
|
||||
.ui.labeled.icon.buttons > .button > .icon,
|
||||
.ui.labeled.icon.button > .icon {
|
||||
background-color: var(--color-light) !important;
|
||||
}
|
||||
#review-box .review-comments-counter {
|
||||
background-color: var(--color-shadow) !important;
|
||||
color: var(--color-white) !important;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.ui.basic.labels .primary.label,
|
||||
.ui.ui.ui.basic.primary.label {
|
||||
color: var(--color-text-dark) !important;
|
||||
}
|
||||
.ui.basic.yellow.label.pending-label {
|
||||
background: var(--color-light) !important;
|
||||
}
|
||||
::selection {
|
||||
background: var(--steel-100) !important;
|
||||
color: var(--color-white) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,852 +0,0 @@
|
|||
/* ==UserStyle==
|
||||
@name GitHub Catppuccin
|
||||
@namespace github.com/catppuccin/userstyles/styles/github
|
||||
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github
|
||||
@version 1.7.6
|
||||
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub
|
||||
@description Soothing pastel theme for GitHub
|
||||
@author Catppuccin
|
||||
@license MIT
|
||||
|
||||
@preprocessor less
|
||||
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
|
||||
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
|
||||
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document regexp("https:\/\/(gist\.)*github\.com(?!((\/.+?\/.+?\/commit\/[A-Fa-f0-9]+\.(patch|diff)$)|\/home$|\/features($|\/.*)|\/marketplace($|\?.*|\/.*)|\/organizations\/plan)).*$") {
|
||||
[data-color-mode="auto"] {
|
||||
@media (prefers-color-scheme: light) {
|
||||
&[data-light-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
&[data-light-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
&[data-dark-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
&[data-dark-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
[data-color-mode="light"][data-light-theme="dark"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
[data-color-mode="light"][data-light-theme="light"],
|
||||
[data-color-mode="dark"][data-dark-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
|
||||
html:not([data-light-theme="light"], [data-light-theme="dark"])
|
||||
body:not(.logged-out)::after,
|
||||
html:not([data-dark-theme="dark"], [data-dark-theme="light"])
|
||||
body:not(.logged-out)::after {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 1rem;
|
||||
margin: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
max-width: 40ch;
|
||||
background-color: var(--color-danger-fg);
|
||||
color: var(--color-header-bg);
|
||||
content: "Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.";
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#catppuccin(@lookup, @accent) {
|
||||
@rosewater: @catppuccin[@@lookup][@rosewater];
|
||||
@flamingo: @catppuccin[@@lookup][@flamingo];
|
||||
@pink: @catppuccin[@@lookup][@pink];
|
||||
@mauve: @catppuccin[@@lookup][@mauve];
|
||||
@red: @catppuccin[@@lookup][@red];
|
||||
@maroon: @catppuccin[@@lookup][@maroon];
|
||||
@peach: @catppuccin[@@lookup][@peach];
|
||||
@yellow: @catppuccin[@@lookup][@yellow];
|
||||
@green: @catppuccin[@@lookup][@green];
|
||||
@teal: @catppuccin[@@lookup][@teal];
|
||||
@sky: @catppuccin[@@lookup][@sky];
|
||||
@sapphire: @catppuccin[@@lookup][@sapphire];
|
||||
@blue: @catppuccin[@@lookup][@blue];
|
||||
@lavender: @catppuccin[@@lookup][@lavender];
|
||||
@text: @catppuccin[@@lookup][@text];
|
||||
@subtext1: @catppuccin[@@lookup][@subtext1];
|
||||
@subtext0: @catppuccin[@@lookup][@subtext0];
|
||||
@overlay2: @catppuccin[@@lookup][@overlay2];
|
||||
@overlay1: @catppuccin[@@lookup][@overlay1];
|
||||
@overlay0: @catppuccin[@@lookup][@overlay0];
|
||||
@surface2: @catppuccin[@@lookup][@surface2];
|
||||
@surface1: @catppuccin[@@lookup][@surface1];
|
||||
@surface0: @catppuccin[@@lookup][@surface0];
|
||||
@base: @catppuccin[@@lookup][@base];
|
||||
@mantle: @catppuccin[@@lookup][@mantle];
|
||||
@crust: @catppuccin[@@lookup][@crust];
|
||||
@accent-color: @catppuccin[@@lookup][@@accent];
|
||||
|
||||
color-scheme: if(@lookup = latte, light, dark);
|
||||
|
||||
::selection {
|
||||
background-color: fade(@accent-color, 30%);
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
&::placeholder {
|
||||
color: @subtext0 !important;
|
||||
}
|
||||
}
|
||||
.cm-placeholder {
|
||||
color: @subtext0;
|
||||
}
|
||||
|
||||
accent-color: @accent-color;
|
||||
color: @text;
|
||||
|
||||
--color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);
|
||||
--color-notifications-button-hover-bg: fade(@accent-color, 60%);
|
||||
--color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
|
||||
--color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));
|
||||
--color-calendar-halloween-graph-day-L1-bg: fadeout(
|
||||
@accent-color,
|
||||
60%
|
||||
) !important;
|
||||
--color-calendar-halloween-graph-day-L2-bg: fadeout(
|
||||
@accent-color,
|
||||
40%
|
||||
) !important;
|
||||
--color-calendar-halloween-graph-day-L3-bg: fadeout(
|
||||
@accent-color,
|
||||
20%
|
||||
) !important;
|
||||
--color-calendar-halloween-graph-day-L4-bg: @accent-color !important;
|
||||
--color-calendar-winter-graph-day-L1-bg: fadeout(
|
||||
@accent-color,
|
||||
60%
|
||||
) !important;
|
||||
--color-calendar-winter-graph-day-L2-bg: fadeout(
|
||||
@accent-color,
|
||||
40%
|
||||
) !important;
|
||||
--color-calendar-winter-graph-day-L3-bg: fadeout(
|
||||
@accent-color,
|
||||
20%
|
||||
) !important;
|
||||
--color-calendar-winter-graph-day-L4-bg: @accent-color !important;
|
||||
--color-calendar-graph-day-bg: @surface0 !important;
|
||||
--color-calendar-graph-day-border: transparent !important;
|
||||
--color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;
|
||||
--color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;
|
||||
--color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;
|
||||
--color-calendar-graph-day-L4-bg: @accent-color !important;
|
||||
--color-calendar-graph-day-L2-border: transparent !important;
|
||||
--color-calendar-graph-day-L3-border: transparent !important;
|
||||
--color-calendar-graph-day-L4-border: transparent !important;
|
||||
--color-user-mention-fg: @accent-color;
|
||||
--color-user-mention-bg: fade(@accent-color, 30%);
|
||||
--color-dashboard-feed-bg: var(--color-scale-gray-9);
|
||||
--color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
|
||||
--color-marketing-icon-secondary: var(--color-scale-blue-5);
|
||||
--color-project-header-bg: var(--color-scale-gray-9);
|
||||
--color-project-sidebar-bg: var(--color-scale-gray-8);
|
||||
--color-project-gradient-in: var(--color-scale-gray-8);
|
||||
--color-project-gradient-out: rgba(22, 27, 34, 0);
|
||||
--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
|
||||
--topicTag-borderColor: #0000;
|
||||
--highlight-neutral-bgColor: fade(@yellow, 30%);
|
||||
--page-header-bgColor: @crust;
|
||||
--diffBlob-addition-fgColor-text: @text;
|
||||
--diffBlob-addition-fgColor-num: @text;
|
||||
--diffBlob-addition-bgColor-num: fadeout(@green, 70%);
|
||||
--diffBlob-addition-bgColor-line: fadeout(@green, 85%);
|
||||
--diffBlob-addition-bgColor-word: fadeout(@green, 70%);
|
||||
--diffBlob-deletion-fgColor-text: @text;
|
||||
--diffBlob-deletion-fgColor-num: @text;
|
||||
--diffBlob-deletion-bgColor-num: fadeout(@red, 70%);
|
||||
--diffBlob-deletion-bgColor-line: fadeout(@red, 85%);
|
||||
--diffBlob-deletion-bgColor-word: fadeout(@red, 70%);
|
||||
--diffBlob-hunk-bgColor-num: fadeout(@accent-color, 60%);
|
||||
--diffBlob-expander-iconColor: #848d97;
|
||||
--codeMirror-fgColor: @text;
|
||||
--codeMirror-bgColor: @base;
|
||||
--codeMirror-gutters-bgColor: @base;
|
||||
--codeMirror-gutterMarker-fgColor-default: @base;
|
||||
--codeMirror-gutterMarker-fgColor-muted: @overlay0;
|
||||
--codeMirror-lineNumber-fgColor: @overlay1;
|
||||
--codeMirror-cursor-fgColor: @text;
|
||||
--codeMirror-selection-bgColor: #388bfd66;
|
||||
--codeMirror-activeline-bgColor: #6e768166;
|
||||
--codeMirror-matchingBracket-fgColor: @text;
|
||||
--codeMirror-lines-bgColor: @base;
|
||||
--codeMirror-syntax-fgColor-comment: @overlay2;
|
||||
--codeMirror-syntax-fgColor-constant: @blue;
|
||||
--codeMirror-syntax-fgColor-entity: @blue;
|
||||
--codeMirror-syntax-fgColor-keyword: @mauve;
|
||||
--codeMirror-syntax-fgColor-storage: @peach;
|
||||
--codeMirror-syntax-fgColor-string: @green;
|
||||
--codeMirror-syntax-fgColor-support: #79c0ff;
|
||||
--codeMirror-syntax-fgColor-variable: @peach;
|
||||
--header-fgColor-default: @text;
|
||||
--header-fgColor-logo: @text;
|
||||
--header-bgColor: @crust;
|
||||
--header-borderColor-divider: #8b949e;
|
||||
--headerSearch-bgColor: @mantle;
|
||||
--headerSearch-borderColor: @surface0;
|
||||
--avatar-bgColor: fade(@text, 26%);
|
||||
--avatar-borderColor: @surface0;
|
||||
--avatar-shadow: 0px 0px 0px 2px #0d1117;
|
||||
--avatarStack-fade-bgColor-default: @surface1;
|
||||
--avatarStack-fade-bgColor-muted: #21262d;
|
||||
--control-bgColor-rest: @red;
|
||||
--control-bgColor-hover: #292e36;
|
||||
--control-bgColor-active: @surface1;
|
||||
--control-bgColor-disabled: fade(@mantle, 60%);
|
||||
--control-bgColor-selected: #161b22;
|
||||
--control-fgColor-rest: @text;
|
||||
--control-fgColor-placeholder: #484f58;
|
||||
--control-fgColor-disabled: fade(@subtext0, 70%);
|
||||
--control-borderColor-rest: @surface1;
|
||||
--control-borderColor-emphasis: #666e79;
|
||||
--control-borderColor-disabled: fade(@surface1, 75%);
|
||||
--control-borderColor-selected: #f0f6fc;
|
||||
--control-borderColor-success: @green;
|
||||
--control-borderColor-danger: @red;
|
||||
--control-borderColor-warning: @yellow;
|
||||
--control-iconColor-rest: #848d97;
|
||||
--control-transparent-bgColor-rest: #0000;
|
||||
--control-transparent-bgColor-hover: fade(@surface2, 20%);
|
||||
--control-transparent-bgColor-active: fade(@overlay0, 50%);
|
||||
--control-transparent-bgColor-disabled: #21262db3;
|
||||
--control-transparent-bgColor-selected: #b1bac414;
|
||||
--control-transparent-borderColor-rest: #0000;
|
||||
--control-transparent-borderColor-hover: #0000;
|
||||
--control-transparent-borderColor-active: #0000;
|
||||
--control-danger-fgColor-rest: @red;
|
||||
--control-danger-fgColor-hover: @crust;
|
||||
--control-danger-bgColor-hover: fade(@red, 80%);
|
||||
--control-danger-bgColor-active: @red;
|
||||
--control-checked-bgColor-rest: @accent-color;
|
||||
--control-checked-bgColor-hover: lighten(@accent-color, 5%);
|
||||
--control-checked-bgColor-active: lighten(@accent-color, 5%);
|
||||
--control-checked-bgColor-disabled: #6e7681;
|
||||
--control-checked-fgColor-rest: @crust;
|
||||
--control-checked-fgColor-disabled: #010409;
|
||||
--control-checked-borderColor-rest: @accent-color;
|
||||
--control-checked-borderColor-hover: @accent-color;
|
||||
--control-checked-borderColor-active: @accent-color;
|
||||
--control-checked-borderColor-disabled: @surface0;
|
||||
--controlTrack-bgColor-rest: @surface0;
|
||||
--controlTrack-bgColor-hover: @surface1;
|
||||
--controlTrack-bgColor-active: @surface2;
|
||||
--controlTrack-bgColor-disabled: #6e7681;
|
||||
--controlTrack-fgColor-rest: #848d97;
|
||||
--controlTrack-fgColor-disabled: @text;
|
||||
--controlTrack-borderColor-rest: #0000;
|
||||
--controlTrack-borderColor-disabled: #6e7681;
|
||||
--controlKnob-bgColor-rest: @base;
|
||||
--controlKnob-bgColor-disabled: #21262db3;
|
||||
--controlKnob-bgColor-checked: @text;
|
||||
--controlKnob-borderColor-rest: @surface2;
|
||||
--controlKnob-borderColor-disabled: #21262db3;
|
||||
--controlKnob-borderColor-checked: @blue;
|
||||
--button-default-fgColor-rest: @text;
|
||||
--button-default-bgColor-rest: @surface0;
|
||||
--button-default-bgColor-hover: @surface1;
|
||||
--button-default-bgColor-active: @surface2;
|
||||
--button-default-bgColor-selected: @surface2;
|
||||
--button-default-bgColor-disabled: fade(@surface0, 70%);
|
||||
--button-default-borderColor-rest: @surface1;
|
||||
--button-default-borderColor-hover: @surface1;
|
||||
--button-default-borderColor-active: @surface1;
|
||||
--button-default-borderColor-disabled: fade(@surface0, 70%);
|
||||
--button-default-shadow-resting: 0px 0px 0px 0px #000;
|
||||
--button-primary-fgColor-rest: @base;
|
||||
--button-primary-fgColor-disabled: fade(@base, 60%);
|
||||
--button-primary-iconColor-rest: @base;
|
||||
--button-primary-bgColor-rest: @green;
|
||||
--button-primary-bgColor-hover: lighten(@green, 5%);
|
||||
--button-primary-bgColor-active: saturate(@green, 5%);
|
||||
--button-primary-bgColor-disabled: fade(@green, 70%);
|
||||
--button-primary-borderColor-rest: @green;
|
||||
--button-primary-borderColor-hover: @green;
|
||||
--button-primary-borderColor-active: @green;
|
||||
--button-primary-borderColor-disabled: fade(@green, 70%);
|
||||
--button-primary-shadow-selected: 0px 0px 0px 0px #000;
|
||||
--button-invisible-fgColor-rest: @text;
|
||||
--button-invisible-fgColor-hover: lighten(@accent-color, 10%);
|
||||
--button-invisible-fgColor-disabled: #6e7681;
|
||||
--button-invisible-iconColor-rest: @overlay2;
|
||||
--button-invisible-iconColor-hover: #e6edf3;
|
||||
--button-invisible-iconColor-disabled: #6e7681;
|
||||
--button-invisible-bgColor-rest: #0000;
|
||||
--button-invisible-bgColor-hover: #b1bac41f;
|
||||
--button-invisible-bgColor-active: #b1bac433;
|
||||
--button-invisible-bgColor-disabled: fade(@surface1, 70%);
|
||||
--button-invisible-borderColor-rest: #0000;
|
||||
--button-invisible-borderColor-hover: #0000;
|
||||
--button-invisible-borderColor-disabled: fade(@surface1, 70%);
|
||||
--button-outline-fgColor-rest: #388bfd;
|
||||
--button-outline-fgColor-hover: #58a6ff;
|
||||
--button-outline-fgColor-active: @text;
|
||||
--button-outline-fgColor-disabled: #4493f880;
|
||||
--button-outline-bgColor-rest: #f0f6fc;
|
||||
--button-outline-bgColor-hover: @surface1;
|
||||
--button-outline-bgColor-active: #0d419d;
|
||||
--button-outline-bgColor-disabled: #0d1117;
|
||||
--button-outline-borderColor-hover: #f0f6fc1a;
|
||||
--button-outline-borderColor-selected: #f0f6fc1a;
|
||||
--button-outline-shadow-selected: 0px 0px 0px 0px #000;
|
||||
--button-danger-fgColor-rest: @red;
|
||||
--button-danger-fgColor-hover: @base;
|
||||
--button-danger-fgColor-active: @base;
|
||||
--button-danger-fgColor-disabled: fade(@red, 50%);
|
||||
--button-danger-iconColor-rest: @red;
|
||||
--button-danger-iconColor-hover: @crust;
|
||||
--button-danger-bgColor-rest: @surface0;
|
||||
--button-danger-bgColor-hover: @red;
|
||||
--button-danger-bgColor-active: darken(@red, 5%);
|
||||
--button-danger-bgColor-disabled: @base;
|
||||
--button-danger-borderColor-rest: @surface1;
|
||||
--button-danger-borderColor-hover: @red;
|
||||
--button-danger-borderColor-active: darken(@red, 5%);
|
||||
--button-danger-shadow-selected: 0px 0px 0px 0px #000;
|
||||
--button-inactive-fgColor: #8b949e;
|
||||
--button-inactive-bgColor: #21262d;
|
||||
--button-star-iconColor: @yellow;
|
||||
--buttonCounter-default-bgColor-rest: @surface1;
|
||||
--buttonCounter-invisible-bgColor-rest: @surface1;
|
||||
--buttonCounter-primary-bgColor-rest: #04260f33;
|
||||
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
||||
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
||||
--buttonCounter-outline-bgColor-disabled: #1f6feb0d;
|
||||
--buttonCounter-outline-fgColor-rest: #388bfd;
|
||||
--buttonCounter-outline-fgColor-hover: #58a6ff;
|
||||
--buttonCounter-outline-fgColor-disabled: #4493f880;
|
||||
--buttonCounter-danger-bgColor-hover: fade(@text, 20%);
|
||||
--buttonCounter-danger-bgColor-disabled: #da36330d;
|
||||
--buttonCounter-danger-bgColor-rest: #49020233;
|
||||
--buttonCounter-danger-fgColor-rest: @red;
|
||||
--buttonCounter-danger-fgColor-hover: @text;
|
||||
--buttonCounter-danger-fgColor-disabled: fade(@red, 50%);
|
||||
--focus-outlineColor: @accent-color;
|
||||
--menu-bgColor-active: @mantle;
|
||||
--overlay-bgColor: @base;
|
||||
--overlay-borderColor: @surface0;
|
||||
--overlay-backdrop-bgColor: #161b2266;
|
||||
--selectMenu-borderColor: #484f58;
|
||||
--selectMenu-bgColor-active: #0c2d6b;
|
||||
--sideNav-bgColor-selected: #21262d;
|
||||
--skeletonLoader-bgColor: #161b22;
|
||||
--timelineBadge-bgColor: @mantle;
|
||||
--treeViewItem-leadingVisual-iconColor-rest: #848d97;
|
||||
--underlineNav-borderColor-active: @accent-color;
|
||||
--underlineNav-borderColor-hover: #6e768166;
|
||||
--underlineNav-iconColor-rest: #848d97;
|
||||
--selection-bgColor: fade(@accent-color, 30%);
|
||||
--reactionButton-selected-bgColor-rest: fade(@accent-color, 20%);
|
||||
--reactionButton-selected-bgColor-hover: fade(@accent-color, 35%);
|
||||
--reactionButton-selected-fgColor-rest: @accent-color;
|
||||
--reactionButton-selected-fgColor-hover: @accent-color;
|
||||
--fgColor-default: @text;
|
||||
--fgColor-muted: @subtext1;
|
||||
--fgColor-onEmphasis: @base;
|
||||
--fgColor-white: if(@lookup = latte, @crust, @text);
|
||||
--fgColor-disabled: @surface2;
|
||||
--fgColor-link: @accent-color;
|
||||
--fgColor-neutral: #6e7681;
|
||||
--fgColor-accent: @accent-color;
|
||||
--fgColor-success: @green;
|
||||
--fgColor-attention: @yellow;
|
||||
--fgColor-severe: @peach;
|
||||
--fgColor-danger: @red;
|
||||
--fgColor-open: @green;
|
||||
--fgColor-closed: @red;
|
||||
--fgColor-done: @mauve;
|
||||
--fgColor-sponsors: @pink;
|
||||
--bgColor-default: @base;
|
||||
--bgColor-muted: @mantle;
|
||||
--bgColor-inset: @crust;
|
||||
--bgColor-emphasis: @overlay2;
|
||||
--bgColor-inverse: @text;
|
||||
--bgColor-disabled: #21262db3;
|
||||
--bgColor-transparent: #0000;
|
||||
--bgColor-neutral-muted: fade(@surface0, 40%);
|
||||
--bgColor-neutral-emphasis: @subtext0;
|
||||
--bgColor-accent-muted: fade(@accent-color, 20%);
|
||||
--bgColor-accent-emphasis: @accent-color;
|
||||
--bgColor-success-muted: #2ea04326;
|
||||
--bgColor-success-emphasis: @green;
|
||||
--bgColor-attention-muted: fade(@yellow, 15%);
|
||||
--bgColor-attention-emphasis: @yellow;
|
||||
--bgColor-severe-muted: fade(@peach, 26%);
|
||||
--bgColor-severe-emphasis: @peach;
|
||||
--bgColor-danger-muted: fade(@red, 26%);
|
||||
--bgColor-danger-emphasis: @red;
|
||||
--bgColor-open-muted: #2ea0431a;
|
||||
--bgColor-open-emphasis: @green;
|
||||
--bgColor-closed-muted: fade(@red, 15%);
|
||||
--bgColor-closed-emphasis: @red;
|
||||
--bgColor-done-muted: #a371f726;
|
||||
--bgColor-done-emphasis: @mauve;
|
||||
--bgColor-sponsors-muted: #db61a21a;
|
||||
--bgColor-sponsors-emphasis: @pink;
|
||||
--borderColor-default: @surface1;
|
||||
--borderColor-muted: @surface0;
|
||||
--borderColor-emphasis: #484f58;
|
||||
--borderColor-disabled: #21262db3;
|
||||
--borderColor-transparent: #0000;
|
||||
--borderColor-neutral-muted: #6e768166;
|
||||
--borderColor-neutral-emphasis: #6e7681;
|
||||
--borderColor-accent-muted: fade(@accent-color, 50%);
|
||||
--borderColor-accent-emphasis: @accent-color;
|
||||
--borderColor-success-muted: darken(@green, 5%);
|
||||
--borderColor-success-emphasis: @green;
|
||||
--borderColor-attention-muted: fade(@flamingo, 30%);
|
||||
--borderColor-attention-emphasis: @flamingo;
|
||||
--borderColor-severe-muted: @peach;
|
||||
--borderColor-severe-emphasis: #bd561d;
|
||||
--borderColor-danger-muted: @red;
|
||||
--borderColor-danger-emphasis: @red;
|
||||
--borderColor-open-muted: darken(@green, 5%);
|
||||
--borderColor-open-emphasis: @green;
|
||||
--borderColor-closed-muted: @red;
|
||||
--borderColor-closed-emphasis: @red;
|
||||
--borderColor-done-muted: @lavender;
|
||||
--borderColor-done-emphasis: @mauve;
|
||||
--borderColor-sponsors-muted: #db61a266;
|
||||
--borderColor-sponsors-emphasis: @pink;
|
||||
& when (@lookup =latte) {
|
||||
--color-ansi-black: @subtext1;
|
||||
--color-ansi-black-bright: @subtext0;
|
||||
--color-ansi-gray: @subtext0;
|
||||
--color-ansi-white: @surface2;
|
||||
--color-ansi-white-bright: @surface1;
|
||||
}
|
||||
& when not (@lookup =latte) {
|
||||
--color-ansi-black: @surface1;
|
||||
--color-ansi-black-bright: @surface2;
|
||||
--color-ansi-gray: @surface2;
|
||||
--color-ansi-white: @subtext1;
|
||||
--color-ansi-white-bright: @subtext0;
|
||||
}
|
||||
--color-ansi-red: @red;
|
||||
--color-ansi-red-bright: @red;
|
||||
--color-ansi-green: @green;
|
||||
--color-ansi-green-bright: @green;
|
||||
--color-ansi-yellow: @yellow;
|
||||
--color-ansi-yellow-bright: @yellow;
|
||||
--color-ansi-blue: @blue;
|
||||
--color-ansi-blue-bright: @blue;
|
||||
--color-ansi-magenta: @pink;
|
||||
--color-ansi-magenta-bright: @pink;
|
||||
--color-ansi-cyan: @teal;
|
||||
--color-ansi-cyan-bright: @teal;
|
||||
--color-prettylights-syntax-comment: @overlay2;
|
||||
--color-prettylights-syntax-constant: @blue;
|
||||
--color-prettylights-syntax-constant-other-reference-link: @blue;
|
||||
--color-prettylights-syntax-entity: @blue;
|
||||
--color-prettylights-syntax-storage-modifier-import: @peach;
|
||||
--color-prettylights-syntax-entity-tag: @blue;
|
||||
--color-prettylights-syntax-keyword: @mauve;
|
||||
--color-prettylights-syntax-string: @green;
|
||||
--color-prettylights-syntax-variable: @peach;
|
||||
--color-prettylights-syntax-invalid-illegal-text: @red;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);
|
||||
--color-prettylights-syntax-markup-heading: @red;
|
||||
--color-prettylights-syntax-markup-italic: @yellow;
|
||||
--color-prettylights-syntax-markup-bold: @yellow;
|
||||
--color-prettylights-syntax-markup-deleted-text: @text;
|
||||
--color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);
|
||||
--color-prettylights-syntax-markup-inserted-text: @text;
|
||||
--color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);
|
||||
--color-prettylights-syntax-markup-changed-text: @text;
|
||||
--color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);
|
||||
--color-prettylights-syntax-markup-ignored-text: @text;
|
||||
--bgColor-white: @base;
|
||||
--color-scale-white: @base;
|
||||
--color-scale-gray-3: @overlay2;
|
||||
--color-scale-gray-5: @overlay0;
|
||||
--color-scale-gray-6: @surface1;
|
||||
--color-scale-gray-7: @surface1;
|
||||
--color-scale-blue-2: @sky;
|
||||
--color-scale-blue-5: @blue;
|
||||
--color-scale-green-3: @green;
|
||||
--color-scale-green-4: @green;
|
||||
--color-scale-yellow-3: @peach;
|
||||
--color-scale-orange-4: @peach;
|
||||
--color-scale-red-4: @red;
|
||||
--shadow-inset: inset 0px 1px 0px 0px @crust;
|
||||
--shadow-resting-xsmall: 0px 1px 0px 0px @crust;
|
||||
--shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;
|
||||
--shadow-resting-medium: 0px 3px 6px 0px @crust;
|
||||
--shadow-floating-small: 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust,
|
||||
0px 6px 18px 0px @crust;
|
||||
--shadow-floating-medium: 0px 0px 0px 1px @surface0,
|
||||
0px 8px 16px -4px @crust, 0px 4px 32px -4px @crust,
|
||||
0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;
|
||||
--shadow-floating-large: 0px 0px 0px 1px @surface0,
|
||||
0px 24px 48px 0px #010409;
|
||||
--shadow-floating-xlarge: 0px 0px 0px 1px @surface0,
|
||||
0px 32px 64px 0px #010409;
|
||||
--shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;
|
||||
--outline-focus: @blue solid 2px;
|
||||
|
||||
/* Enhanced Repo Insights Views - https://github.com/orgs/community/discussions/135572 */
|
||||
--data-blue-color-emphasis: @accent-color;
|
||||
--data-red-color-emphasis: @red;
|
||||
--data-green-color-emphasis: @green;
|
||||
|
||||
--tooltip-fgColor: @text;
|
||||
--tooltip-bgColor: @crust;
|
||||
|
||||
/* Refined GitHub */
|
||||
--rgh-heat-color: @peach;
|
||||
|
||||
.turbo-progress-bar {
|
||||
background-color: @accent-color;
|
||||
}
|
||||
|
||||
.form-select {
|
||||
@svg: escape(
|
||||
'<svg width="16" height="16" viewBox="0 0 16 16" fill="@{subtext0}" xmlns="http://www.w3.org/2000/svg"><path d="m4.427 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 9H4.604a.25.25 0 0 0-.177.427M4.423 6.47 7.82 3.072a.25.25 0 0 1 .354 0L11.57 6.47a.25.25 0 0 1-.177.427H4.6a.25.25 0 0 1-.177-.427"/></svg>'
|
||||
);
|
||||
background-image: url("data:image/svg+xml,@{svg}");
|
||||
}
|
||||
|
||||
img[src="https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif"]
|
||||
{
|
||||
content: url("https://giscus.catppuccin.com/assets/loading_48x48.gif");
|
||||
}
|
||||
|
||||
/* Header when logged out */
|
||||
.HeaderMenu-link {
|
||||
color: @text;
|
||||
|
||||
&:hover {
|
||||
color: @text;
|
||||
}
|
||||
}
|
||||
.header-search-button {
|
||||
.placeholder {
|
||||
color: @subtext0;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: @text !important;
|
||||
}
|
||||
}
|
||||
.HeaderMenu-toggle-bar {
|
||||
background-color: @text;
|
||||
}
|
||||
.notification-indicator .mail-status {
|
||||
background-image: linear-gradient(
|
||||
@accent-color,
|
||||
darken(@accent-color, 5%)
|
||||
);
|
||||
}
|
||||
|
||||
.CheckStep {
|
||||
.ansifg-r {
|
||||
color: var(--color-ansi-red);
|
||||
}
|
||||
.ansifg-y {
|
||||
color: var(--color-ansi-yellow);
|
||||
}
|
||||
.ansifg-g {
|
||||
color: var(--color-ansi-green);
|
||||
}
|
||||
.ansifg-b {
|
||||
color: var(--color-ansi-blue);
|
||||
}
|
||||
.ansifg-c {
|
||||
color: var(--color-ansi-cyan);
|
||||
}
|
||||
.ansifg-m {
|
||||
color: var(--color-ansi-magenta);
|
||||
}
|
||||
.ansifg-gr {
|
||||
color: var(--color-ansi-gray);
|
||||
}
|
||||
}
|
||||
|
||||
.js-activity-overview-graph .js-highlight-blob {
|
||||
fill: @accent-color;
|
||||
stroke: @accent-color;
|
||||
}
|
||||
|
||||
.subnav-link.selected {
|
||||
border-bottom-color: @accent-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-document url-prefix("https://viewscreen.githubusercontent.com/markdown/mermaid")
|
||||
{
|
||||
[data-color-mode="auto"] {
|
||||
@media (prefers-color-scheme: light) {
|
||||
&[data-light-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
&[data-light-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
&[data-dark-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
&[data-dark-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
[data-color-mode="light"][data-light-theme="dark"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
[data-color-mode="light"][data-light-theme="light"],
|
||||
[data-color-mode="dark"][data-dark-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
|
||||
#catppuccin(@lookup, @accent) {
|
||||
@rosewater: @catppuccin[@@lookup][@rosewater];
|
||||
@flamingo: @catppuccin[@@lookup][@flamingo];
|
||||
@pink: @catppuccin[@@lookup][@pink];
|
||||
@mauve: @catppuccin[@@lookup][@mauve];
|
||||
@red: @catppuccin[@@lookup][@red];
|
||||
@maroon: @catppuccin[@@lookup][@maroon];
|
||||
@peach: @catppuccin[@@lookup][@peach];
|
||||
@yellow: @catppuccin[@@lookup][@yellow];
|
||||
@green: @catppuccin[@@lookup][@green];
|
||||
@teal: @catppuccin[@@lookup][@teal];
|
||||
@sky: @catppuccin[@@lookup][@sky];
|
||||
@sapphire: @catppuccin[@@lookup][@sapphire];
|
||||
@blue: @catppuccin[@@lookup][@blue];
|
||||
@lavender: @catppuccin[@@lookup][@lavender];
|
||||
@text: @catppuccin[@@lookup][@text];
|
||||
@subtext1: @catppuccin[@@lookup][@subtext1];
|
||||
@subtext0: @catppuccin[@@lookup][@subtext0];
|
||||
@overlay2: @catppuccin[@@lookup][@overlay2];
|
||||
@overlay1: @catppuccin[@@lookup][@overlay1];
|
||||
@overlay0: @catppuccin[@@lookup][@overlay0];
|
||||
@surface2: @catppuccin[@@lookup][@surface2];
|
||||
@surface1: @catppuccin[@@lookup][@surface1];
|
||||
@surface0: @catppuccin[@@lookup][@surface0];
|
||||
@base: @catppuccin[@@lookup][@base];
|
||||
@mantle: @catppuccin[@@lookup][@mantle];
|
||||
@crust: @catppuccin[@@lookup][@crust];
|
||||
@accent-color: @catppuccin[@@lookup][@@accent];
|
||||
|
||||
::selection {
|
||||
background-color: fade(@accent-color, 30%);
|
||||
}
|
||||
|
||||
background-color: @base;
|
||||
|
||||
--color-btn-text: @text;
|
||||
--color-btn-bg: @surface0;
|
||||
--color-btn-border: @surface1;
|
||||
--color-btn-hover-bg: @surface1;
|
||||
--color-btn-hover-border: @surface2;
|
||||
--color-btn-active-bg: @surface2;
|
||||
--color-btn-selected-bg: @surface2;
|
||||
--color-btn-counter-bg: @surface2;
|
||||
--color-btn-outline-text: @accent-color;
|
||||
--color-fg-muted: @subtext1;
|
||||
|
||||
#diagram {
|
||||
.node rect,
|
||||
.node circle,
|
||||
.node ellipse,
|
||||
.node polygon,
|
||||
.node path {
|
||||
fill: fade(@accent-color, 10%);
|
||||
stroke: @accent-color;
|
||||
}
|
||||
|
||||
.label text,
|
||||
span,
|
||||
p {
|
||||
fill: @text;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.flowchart-link,
|
||||
.marker {
|
||||
stroke: @subtext0;
|
||||
fill: @subtext0;
|
||||
}
|
||||
|
||||
.edgeLabel {
|
||||
background-color: @crust;
|
||||
}
|
||||
}
|
||||
|
||||
.octicon {
|
||||
fill: var(--color-fg-muted) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-document regexp("https:\/\/notebooks\.githubusercontent\.com\/view\/ipynb.*") {
|
||||
:root {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
|
||||
#catppuccin(@lookup, @accent) {
|
||||
@rosewater: @catppuccin[@@lookup][@rosewater];
|
||||
@flamingo: @catppuccin[@@lookup][@flamingo];
|
||||
@pink: @catppuccin[@@lookup][@pink];
|
||||
@mauve: @catppuccin[@@lookup][@mauve];
|
||||
@red: @catppuccin[@@lookup][@red];
|
||||
@maroon: @catppuccin[@@lookup][@maroon];
|
||||
@peach: @catppuccin[@@lookup][@peach];
|
||||
@yellow: @catppuccin[@@lookup][@yellow];
|
||||
@green: @catppuccin[@@lookup][@green];
|
||||
@teal: @catppuccin[@@lookup][@teal];
|
||||
@sky: @catppuccin[@@lookup][@sky];
|
||||
@sapphire: @catppuccin[@@lookup][@sapphire];
|
||||
@blue: @catppuccin[@@lookup][@blue];
|
||||
@lavender: @catppuccin[@@lookup][@lavender];
|
||||
@text: @catppuccin[@@lookup][@text];
|
||||
@subtext1: @catppuccin[@@lookup][@subtext1];
|
||||
@subtext0: @catppuccin[@@lookup][@subtext0];
|
||||
@overlay2: @catppuccin[@@lookup][@overlay2];
|
||||
@overlay1: @catppuccin[@@lookup][@overlay1];
|
||||
@overlay0: @catppuccin[@@lookup][@overlay0];
|
||||
@surface2: @catppuccin[@@lookup][@surface2];
|
||||
@surface1: @catppuccin[@@lookup][@surface1];
|
||||
@surface0: @catppuccin[@@lookup][@surface0];
|
||||
@base: @catppuccin[@@lookup][@base];
|
||||
@mantle: @catppuccin[@@lookup][@mantle];
|
||||
@crust: @catppuccin[@@lookup][@crust];
|
||||
@accent-color: @catppuccin[@@lookup][@@accent];
|
||||
|
||||
color-scheme: if(@lookup = latte, light, dark);
|
||||
|
||||
::selection {
|
||||
background-color: fade(@accent-color, 30%);
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
&::placeholder {
|
||||
color: @subtext0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
--jp-border-color0: var(--color-scale-gray-7);
|
||||
--jp-border-color1: var(--color-scale-gray-7);
|
||||
--jp-border-color2: var(--color-scale-gray-8);
|
||||
--jp-border-color3: var(--color-scale-gray-9);
|
||||
--jp-ui-font-color0: @text;
|
||||
--jp-ui-font-color1: fadeout(@text, 13%);
|
||||
--jp-ui-font-color2: fadeout(@text, 46%);
|
||||
--jp-ui-font-color3: fadeout(@text, 72%);
|
||||
--jp-ui-inverse-font-color0: @crust;
|
||||
--jp-ui-inverse-font-color1: fadeout(@crust, 20%);
|
||||
--jp-ui-inverse-font-color2: fadeout(@crust, 50%);
|
||||
--jp-ui-inverse-font-color3: fadeout(@crust, 70%);
|
||||
--jp-content-font-color0: @text;
|
||||
--jp-content-font-color1: @text;
|
||||
--jp-content-font-color2: fadeout(@text, 30%);
|
||||
--jp-content-font-color3: fadeout(@text, 50%);
|
||||
--jp-content-link-color: @sapphire;
|
||||
--jp-layout-color0: @base !important;
|
||||
--jp-layout-color1: var(--color-scale-gray-9);
|
||||
--jp-layout-color2: var(--color-scale-gray-8);
|
||||
--jp-layout-color3: var(--color-scale-gray-7);
|
||||
--jp-layout-color4: var(--color-scale-gray-6);
|
||||
--jp-inverse-layout-color0: var(--color-scale-white);
|
||||
--jp-inverse-layout-color1: var(--color-scale-white);
|
||||
--jp-inverse-layout-color2: var(--color-scale-gray-2);
|
||||
--jp-inverse-layout-color3: var(--color-scale-gray-4);
|
||||
--jp-inverse-layout-color4: var(--color-scale-gray-6);
|
||||
--jp-brand-color0: var(--color-scale-blue-7);
|
||||
--jp-brand-color1: var(--color-scale-blue-5);
|
||||
--jp-brand-color2: var(--color-scale-blue-3);
|
||||
--jp-brand-color3: var(--color-scale-blue-1);
|
||||
--jp-brand-color4: var(--color-scale-blue-0);
|
||||
--jp-accent-color0: var(--color-scale-green-7);
|
||||
--jp-accent-color1: var(--color-scale-green-5);
|
||||
--jp-accent-color2: var(--color-scale-green-3);
|
||||
--jp-accent-color3: var(--color-scale-green-1);
|
||||
--jp-warn-color0: var(--color-scale-orange-7);
|
||||
--jp-warn-color1: var(--color-scale-orange-5);
|
||||
--jp-warn-color2: var(--color-scale-orange-3);
|
||||
--jp-warn-color3: var(--color-scale-orange-1);
|
||||
--jp-error-color0: var(--color-scale-red-7);
|
||||
--jp-error-color1: var(--color-scale-red-5);
|
||||
--jp-error-color2: var(--color-scale-red-3);
|
||||
--jp-error-color3: var(--color-scale-red-1);
|
||||
--jp-success-color0: var(--color-scale-green-7);
|
||||
--jp-success-color1: var(--color-scale-green-5);
|
||||
--jp-success-color2: var(--color-scale-green-3);
|
||||
--jp-success-color3: var(--color-scale-green-1);
|
||||
--jp-info-color0: var(--color-scale-blue-7);
|
||||
--jp-info-color1: var(--color-scale-blue-5);
|
||||
--jp-info-color2: var(--color-scale-blue-3);
|
||||
--jp-info-color3: var(--color-scale-blue-1);
|
||||
--jp-cell-editor-border-color: var(--color-scale-gray-7);
|
||||
--jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
|
||||
--jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);
|
||||
--jp-cell-inprompt-font-color: var(--color-scale-blue-6);
|
||||
--jp-cell-outprompt-font-color: var(--color-scale-coral-6);
|
||||
--jp-notebook-multiselected-color: fadeout(@overlay2, 86%);
|
||||
--jp-rendermime-error-background: fadeout(@red, 82%);
|
||||
--jp-rendermime-table-row-background: var(--color-scale-gray-9);
|
||||
--jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);
|
||||
--jp-dialog-background: fadeout(@crust, 40%);
|
||||
--jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);
|
||||
--jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
|
||||
--jp-input-background: var(--color-scale-gray-8);
|
||||
--jp-input-active-box-shadow-color: fadeout(@blue, 70%);
|
||||
--jp-editor-selected-focused-background: fadeout(@blue, 86%);
|
||||
--jp-mirror-editor-keyword-color: var(--color-scale-green-5);
|
||||
--jp-mirror-editor-atom-color: var(--color-scale-blue-3);
|
||||
--jp-mirror-editor-number-color: var(--color-scale-green-4);
|
||||
--jp-mirror-editor-def-color: var(--color-scale-blue-6);
|
||||
--jp-mirror-editor-variable-color: var(--color-scale-gray-3);
|
||||
--jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);
|
||||
--jp-mirror-editor-variable-3-color: var(--color-scale-green-6);
|
||||
--jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);
|
||||
--jp-mirror-editor-property-color: var(--color-scale-blue-4);
|
||||
--jp-mirror-editor-operator-color: @mauve;
|
||||
--jp-mirror-editor-comment-color: @subtext0;
|
||||
--jp-mirror-editor-string-color: @peach;
|
||||
--jp-mirror-editor-string-2-color: var(--color-scale-purple-3);
|
||||
--jp-mirror-editor-meta-color: @mauve;
|
||||
--jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);
|
||||
--jp-mirror-editor-builtin-color: var(--color-scale-green-6);
|
||||
--jp-mirror-editor-bracket-color: var(--color-scale-gray-2);
|
||||
--jp-mirror-editor-tag-color: var(--color-scale-blue-7);
|
||||
--jp-mirror-editor-attribute-color: var(--color-scale-blue-7);
|
||||
--jp-mirror-editor-header-color: var(--color-scale-blue-5);
|
||||
--jp-mirror-editor-quote-color: var(--color-scale-green-3);
|
||||
--jp-mirror-editor-link-color: var(--color-scale-blue-7);
|
||||
--jp-mirror-editor-error-color: @red;
|
||||
--jp-mirror-editor-hr-color: var(--color-scale-gray-8);
|
||||
--jp-vega-background: var(--color-scale-gray-4);
|
||||
--jp-search-selected-match-background-color: @yellow;
|
||||
--jp-search-selected-match-color: @crust;
|
||||
--jp-icon-contrast-color0: var(--color-scale-purple-6);
|
||||
--jp-icon-contrast-color1: var(--color-scale-green-6);
|
||||
--jp-icon-contrast-color2: var(--color-scale-pink-6);
|
||||
--jp-icon-contrast-color3: var(--color-scale-blue-6);
|
||||
}
|
||||
}
|
||||
|
||||
/* prettier-ignore */
|
||||
@catppuccin: {
|
||||
@latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };
|
||||
@frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };
|
||||
@macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };
|
||||
@mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };
|
||||
}
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
/* ==UserStyle==
|
||||
@name Searxng shades of purple
|
||||
@namespace github.com/openstyles/stylus
|
||||
@version 0.1.0
|
||||
@description Enchanted from https://userstyles.world/style/6439/searxng-simple-theme-enhanced with shades of purple
|
||||
@author 4o1x5
|
||||
==/UserStyle== */
|
||||
@-moz-document url-prefix("https://search.rhscz.eu/") {
|
||||
:root {
|
||||
|
||||
--color-base-font: #fff;
|
||||
--color-base-font-rgb: 165, 153, 233;
|
||||
--color-base-background: #2d2b55;
|
||||
--color-base-background-mobile: #1e1e3f;
|
||||
--color-url-font: #9d79d6;
|
||||
--color-url-visited-font: #b362ff;
|
||||
--color-header-background: #2d2b55;
|
||||
--color-header-border: #3e3c61;
|
||||
--color-footer-background: #2d2b55;
|
||||
--color-footer-border: #3e3c61;
|
||||
--color-sidebar-border: #3e3c61;
|
||||
--color-sidebar-font: #a599e9;
|
||||
--color-sidebar-background: #2d2b55;
|
||||
--color-backtotop-font: #a599e9;
|
||||
--color-backtotop-border: #3e3c61;
|
||||
--color-backtotop-background: #2d2b55;
|
||||
--color-btn-background: #6943ff;
|
||||
--color-btn-font: #ffffff;
|
||||
--color-show-btn-background: #7e57c2;
|
||||
--color-show-btn-font: #ffffff;
|
||||
--color-search-border: #7e57c2;
|
||||
--color-search-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
|
||||
--color-search-background: #2d2b55;
|
||||
--color-search-font: #a599e9;
|
||||
--color-search-background-hover: #6943ff;
|
||||
--color-error: #ff5370;
|
||||
--color-error-background: #3e3c61;
|
||||
--color-warning: #ffcb6b;
|
||||
--color-warning-background: #3e3c61;
|
||||
--color-success: #c3e88d;
|
||||
--color-success-background: #3e3c61;
|
||||
--color-categories-item-selected-font: #6943ff;
|
||||
--color-categories-item-border-selected: #6943ff;
|
||||
--color-autocomplete-font: #a599e9;
|
||||
--color-autocomplete-border: #7e57c2;
|
||||
--color-autocomplete-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
|
||||
--color-autocomplete-background: #2d2b55;
|
||||
--color-autocomplete-background-hover: #3e3c61;
|
||||
--color-answer-font: #a599e9;
|
||||
--color-answer-background: #2d2b55;
|
||||
--color-result-background: #2d2b55;
|
||||
--color-result-border: #3e3c61;
|
||||
--color-result-url-font: #a599e9;
|
||||
--color-result-vim-selected: #3e3c61;
|
||||
--color-result-vim-arrow: #6943ff;
|
||||
--color-result-description-highlight-font: #a599e9;
|
||||
--color-result-link-font: #6943ff;
|
||||
--color-result-link-font-highlight: #6943ff;
|
||||
--color-result-link-visited-font: #b362ff;
|
||||
--color-result-publishdate-font: #a599e9;
|
||||
--color-result-engines-font: #a599e9;
|
||||
--color-result-search-url-border: #3e3c61;
|
||||
--color-result-search-url-font: #a599e9;
|
||||
--color-result-image-span-font: #a599e9;
|
||||
--color-result-image-span-font-selected: #ffffff;
|
||||
--color-result-image-background: #2d2b55;
|
||||
--color-settings-tr-hover: #3e3c61;
|
||||
--color-settings-engine-description-font: #a599e9;
|
||||
--color-settings-table-group-background: #3e3c61;
|
||||
--color-result-detail-font: #ffffff;
|
||||
--color-result-detail-label-font: lightgray;
|
||||
--color-result-detail-background: #2d2b55;
|
||||
--color-result-detail-hr: #3e3c61;
|
||||
--color-result-detail-link: #8af;
|
||||
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
|
||||
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
|
||||
--color-toolkit-badge-font: #ffffff;
|
||||
--color-toolkit-badge-background: #7e57c2;
|
||||
--color-toolkit-kbd-font: #ffffff;
|
||||
--color-toolkit-kbd-background: #2d2b55;
|
||||
--color-toolkit-dialog-border: #3e3c61;
|
||||
--color-toolkit-dialog-background: #2d2b55;
|
||||
--color-toolkit-tabs-label-border: #2d2b55;
|
||||
--color-toolkit-tabs-section-border: #3e3c61;
|
||||
--color-toolkit-select-background: #3e3c61;
|
||||
--color-toolkit-select-border: #3e3c61;
|
||||
--color-toolkit-select-background-hover: #7e57c2;
|
||||
--color-toolkit-input-text-font: #a599e9;
|
||||
--color-toolkit-checkbox-onoff-off-background: #3e3c61;
|
||||
--color-toolkit-checkbox-onoff-on-background: #3e3c61;
|
||||
--color-toolkit-checkbox-onoff-on-mark-background: #6943ff;
|
||||
--color-toolkit-checkbox-onoff-on-mark-color: #ffffff;
|
||||
--color-toolkit-checkbox-onoff-off-mark-background: #7e57c2;
|
||||
--color-toolkit-checkbox-onoff-off-mark-color: #ffffff;
|
||||
--color-toolkit-checkbox-label-background: #3e3c61;
|
||||
--color-toolkit-checkbox-label-border: #3e3c61;
|
||||
--color-toolkit-checkbox-input-border: #6943ff;
|
||||
--color-toolkit-engine-tooltip-border: #3e3c61;
|
||||
--color-toolkit-engine-tooltip-background: #2d2b55;
|
||||
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
|
||||
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
|
||||
--color-doc-code: #a599e9;
|
||||
--color-doc-code-background: #3e3c61;
|
||||
--color-bar-chart-primary: #7e57c2;
|
||||
--color-bar-chart-secondary: #b362ff;
|
||||
--color-image-resolution-background: rgba(0, 0, 0, 0.5);
|
||||
--color-image-resolution-font: #ffffff;
|
||||
--color-loading-indicator: rgba(255, 255, 255, 0.2);
|
||||
--color-loading-indicator-gap: #ffffff;
|
||||
--color-line-number: #a599e9;
|
||||
--color-favicon-background-color: #3e3c61;
|
||||
--color-favicon-border-color: #3e3c61;
|
||||
}
|
||||
|
||||
#results {
|
||||
gap: 0 var(--gap);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 79.75em) {
|
||||
.center-aligment-yes #main_results #results:not(.only_template_images):not(.image-detail-open) {
|
||||
grid-template-columns: calc(var(--center-page-width) - var(--gap) - 25rem) 25rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Answers */
|
||||
#answers {
|
||||
line-height: var(--line-height-result);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
#answers {
|
||||
margin-left: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 79.75em) {
|
||||
#answers {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Copy and slightly modify from article[data-vim-selected] */
|
||||
article:hover {
|
||||
background: var(--color-result-vim-selected);
|
||||
border-radius: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
/* URL */
|
||||
.result .url_wrapper {
|
||||
/* default: 1rem */
|
||||
font-size: .9rem;
|
||||
line-height: var(--line-height-result);
|
||||
}
|
||||
|
||||
.result .url_wrapper .url_o2 .url_i2 {
|
||||
color: var(--color-result-url-path-font);
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Title */
|
||||
/**
|
||||
* Since the content of each result is not a hyperlink,
|
||||
* it would have been easier if both URL and title look like
|
||||
* one big block, so that navigation is more convenient.
|
||||
*/
|
||||
.result h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.result h3 a {
|
||||
display: block;
|
||||
padding-top: .25rem;
|
||||
/* default: 1.1em */
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.result h3 a:focus,
|
||||
.result h3 a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.result .content,
|
||||
.result .stat {
|
||||
/* default: .9em */
|
||||
font-size: .9em;
|
||||
line-height: var(--line-height-result);
|
||||
}
|
||||
|
||||
/* Engines */
|
||||
.engines {
|
||||
/* display: none; */
|
||||
}
|
||||
|
||||
/* Suggestions */
|
||||
#suggestions .wrapper {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
#suggestions .wrapper form {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
#infoboxes input,
|
||||
#suggestions input {
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
#results button[type="submit"],
|
||||
input[type="submit"] {
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
/* Back To Top button */
|
||||
#backToTop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue