clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-25 22:54:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

button and cmdk

Browse Source
This commit is contained in:
Ben Yorke
2023-06-30 09:31:36 +02:00
parent dc78790000
commit 4e2d980955
21 changed files with 401 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/css/codemirror.lsradix.css
View File

@@ -47,8 +47,8 @@ http://ethanschoonover.com/lsradix/img/lsradix-palette.png
.cm-s-lsradix.cm-s-light {
/* background-color: or(--lx-gray-12, #fdf6e3); */
background-color: or(--lx-gray-11, #fdf6e3);
color: or(--lx-gray-01, #657b83);
background-color: or(--lx-gray-02, #fdf6e3);
color: or(--lx-gray-10, #657b83);
text-shadow: #eee8d5 0 1px;
}
@@ -65,14 +65,14 @@ http://ethanschoonover.com/lsradix/img/lsradix-palette.png
.cm-s-lsradix .cm-def { color: or(--rx-sky-11, #2aa198); }
/* .cm-s-lsradix .cm-variable { color: or(--lx-gray-09, #839496); } */
.cm-s-lsradix .cm-variable { color: or(--lx-gray-10, #839496); }
.cm-s-lsradix .cm-variable { color: or(--lx-gray-12, #839496); }
.cm-s-lsradix .cm-variable-2 { color: or(--rx-yellow-11, #b58900); }
.cm-s-lsradix .cm-variable-3, .cm-s-lsradix .cm-type { color: or(--rx-purple-11, #6c71c4); }
.cm-s-lsradix .cm-property { color: or(--rx-sky-11, #2aa198); }
.cm-s-lsradix .cm-operator { color: or(--rx-purple-11, #6c71c4); }
.cm-s-lsradix .cm-comment { color: or(--lx-gray-03, #586e75); font-style:italic; }
.cm-s-lsradix .cm-comment { color: or(--lx-gray-10, #586e75); font-style:italic; }
.cm-s-lsradix .cm-string { color: or(--rx-grass-11, #859900); }
.cm-s-lsradix .cm-string-2 { color: or(--rx-yellow-11, #b58900); }
@@ -104,13 +104,13 @@ http://ethanschoonover.com/lsradix/img/lsradix-palette.png
border-bottom: 1px dotted or(--rx-red-11, #dc322f);
}
.cm-s-lsradix.cm-s-dark div.CodeMirror-selected { background: or(--lx-gray-02, #073642); }
.cm-s-lsradix.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
.cm-s-lsradix.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }
.cm-s-lsradix.cm-s-dark div.CodeMirror-selected { background: or(--lx-gray-06, #073642); }
.cm-s-lsradix.cm-s-dark.CodeMirror ::selection { background: or(--lx-gray-06, rgba(7, 54, 66, 0.99)); }
.cm-s-lsradix.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-06, rgba(7, 54, 66, 0.99)); }
.cm-s-lsradix.cm-s-light div.CodeMirror-selected { background: or(--lx-gray-11, #eee8d5); }
.cm-s-lsradix.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: or(--lx-gray-11, #eee8d5); }
.cm-s-lsradix.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-11, #eee8d5); }
.cm-s-lsradix.cm-s-light div.CodeMirror-selected { background: or(--lx-gray-06, #eee8d5); }
.cm-s-lsradix.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: or(--lx-gray-06, #eee8d5); }
.cm-s-lsradix.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-06, #eee8d5); }
/* Editor styling */
@@ -135,7 +135,7 @@ http://ethanschoonover.com/lsradix/img/lsradix-palette.png
/* Light */
.cm-s-lsradix.cm-s-light .CodeMirror-gutters {
background-color: or(--lx-gray-02, #eee8d5);
background-color: or(--lx-gray-03, #eee8d5);
/* background-color: or(--lx-gray-11, #eee8d5); */
}

41
resources/css/shui.css Normal file
View File

@@ -0,0 +1,41 @@
.shui__button {
@apply bg-gradient-to-br from-red-500 via-green-500 to-blue-500 py-0.5 px-2 rounded-lg text-sm font-medium relative;
/* box-shadow: inset 0 2px 0 0px rgba(255, 255, 255, 0.2), */
/* inset 0 -2px 0 0px rgba(0, 0, 0, 0.1); */
/* background-image: linear-gradient(white, white), */
/* linear-gradient(to bottom, green, gold); */
/* background-origin: border-box; */
/* background-clip: content-box, border-box; */
}
.shui__button:before {
@apply absolute inset-0 rounded-lg;
content: "";
padding: 1px;
background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);
-webkit-mask: linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
/* background-image: linear-gradient(to bottom, white, transparent); */
/* background-clip: border-box, padding-box; */
/* padding: 1px; */
/* border: 1px solid transparent; */
/* border: 1px solid; */
/* border-image: linear-gradient(to bottom, black, transparent) 1; */
}
.shui__button:after {
@apply absolute inset-0 rounded-lg;
content: "";
padding: 1px;
background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
-webkit-mask: linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
/* @apply absolute inset-0 rounded-lg; */
/* content: ""; */
/* border: 1px solid; */
/* border-image: linear-gradient(to top, white, transparent) 1; */
}