Skip to content

Commit 721474a

Browse files
mtwebstermtwebster
committed
Mint-Y: Add support for Cinnamon 6.6 on-screen keyboard.
1 parent 839e272 commit 721474a

File tree

7 files changed

+389
-141
lines changed

7 files changed

+389
-141
lines changed

‎src/Mint-Y/cinnamon/cinnamon-dark.css‎

Lines changed: 129 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -910,53 +910,6 @@ StScrollBar {
910910
.magnifier-zoom-region .full-screen {
911911
border-width: 0px; }
912912

913-
#keyboard {
914-
background-color: #303030;
915-
border-width: 0;
916-
border-top-width: 1px;
917-
border-color: rgba(0, 0, 0, 0.4); }
918-
919-
.keyboard-layout {
920-
spacing: 10px;
921-
padding: 10px; }
922-
923-
.keyboard-row {
924-
spacing: 15px; }
925-
926-
.keyboard-key {
927-
min-height: 2em;
928-
min-width: 2em;
929-
font-size: 1.4em;
930-
font-weight: bold;
931-
border-radius: 3px;
932-
box-shadow: none;
933-
color: #c3c3c3;
934-
border: 1px solid #303036;
935-
background-color: rgba(104, 104, 104, 0.4); }
936-
.keyboard-key:hover {
937-
color: #c3c3c3;
938-
border: 1px solid rgba(0, 0, 0, 0.4);
939-
background-color: rgba(122, 122, 122, 0.5); }
940-
.keyboard-key:active, .keyboard-key:checked {
941-
color: #ffffff;
942-
border: 1px solid #35a854;
943-
background-color: #35a854; }
944-
.keyboard-key:grayed {
945-
color: #5c5c5c;
946-
border: 1px solid rgba(0, 0, 0, 0.4);
947-
background-color: rgba(104, 104, 104, 0.25); }
948-
949-
.keyboard-subkeys {
950-
color: #c3c3c3;
951-
padding: 5px;
952-
-arrow-border-radius: 2px;
953-
-arrow-background-color: #303030;
954-
-arrow-border-width: 1px;
955-
-arrow-border-color: rgba(0, 0, 0, 0.4);
956-
-arrow-base: 20px;
957-
-arrow-rise: 10px;
958-
-boxpointer-gap: 5px; }
959-
960913
.menu-favorites-box {
961914
padding: 10px;
962915
transition-duration: 300;
@@ -1956,3 +1909,132 @@ StScrollBar {
19561909
background-color: #222226;
19571910
border-radius: 6px;
19581911
padding: 12px; }
1912+
1913+
/*
1914+
On-Screen Keyboard (>= Cinnamon 6.6)
1915+
*/
1916+
#virtual-keyboard {
1917+
background-color: #1d1d21;
1918+
box-shadow: inset 0 1px 0 0 #303036; }
1919+
1920+
.vkeyboard-key-container {
1921+
padding: 4px;
1922+
spacing: 4px; }
1923+
1924+
.vkeyboard-key {
1925+
color: #e1e1e1;
1926+
background-color: #303036;
1927+
border: 1px solid #303036;
1928+
box-shadow: inset 0 2px 4px rgba(48, 48, 54, 0.05);
1929+
font-size: 1.364em;
1930+
border-width: 1px;
1931+
border-style: solid;
1932+
border-radius: 6px;
1933+
background-color: #303036; }
1934+
.vkeyboard-key:focus {
1935+
color: #e1e1e1;
1936+
background-color: #303036;
1937+
border: 1px solid #35a854;
1938+
box-shadow: inset 0 2px 4px rgba(48, 48, 54, 0.05); }
1939+
.vkeyboard-key:hover, .vkeyboard-key:checked {
1940+
color: #e1e1e1;
1941+
background-color: #3c3c44;
1942+
border: 1px solid #303036;
1943+
box-shadow: inset 0 2px 4px rgba(60, 60, 68, 0.05); }
1944+
.vkeyboard-key:active {
1945+
color: #ffffff;
1946+
background-color: #35a854;
1947+
border: 1px solid #35a854;
1948+
box-shadow: inset 0 2px 4px #35a854; }
1949+
.vkeyboard-key.shift-key-uppercase {
1950+
background-color: #5e5e69; }
1951+
.vkeyboard-key.enter-key {
1952+
background-color: #35a854; }
1953+
.vkeyboard-key.shift-key-lowercase, .vkeyboard-key.escape-key, .vkeyboard-key.hide-key, .vkeyboard-key.non-alpha-key {
1954+
background-color: #38383e; }
1955+
.vkeyboard-key.shift-key-lowercase:focus, .vkeyboard-key.escape-key:focus, .vkeyboard-key.hide-key:focus, .vkeyboard-key.non-alpha-key:focus {
1956+
color: #e1e1e1;
1957+
background-color: #303036;
1958+
border: 1px solid #35a854;
1959+
box-shadow: inset 0 2px 4px rgba(48, 48, 54, 0.05); }
1960+
.vkeyboard-key.shift-key-lowercase:hover, .vkeyboard-key.shift-key-lowercase:checked, .vkeyboard-key.escape-key:hover, .vkeyboard-key.escape-key:checked, .vkeyboard-key.hide-key:hover, .vkeyboard-key.hide-key:checked, .vkeyboard-key.non-alpha-key:hover, .vkeyboard-key.non-alpha-key:checked {
1961+
color: #e1e1e1;
1962+
background-color: #3c3c44;
1963+
border: 1px solid #303036;
1964+
box-shadow: inset 0 2px 4px rgba(60, 60, 68, 0.05); }
1965+
.vkeyboard-key.shift-key-lowercase:active, .vkeyboard-key.escape-key:active, .vkeyboard-key.hide-key:active, .vkeyboard-key.non-alpha-key:active {
1966+
color: #ffffff;
1967+
background-color: #35a854;
1968+
border: 1px solid #35a854;
1969+
box-shadow: inset 0 2px 4px #35a854; }
1970+
.vkeyboard-key StIcon {
1971+
icon-size: 1.125em; }
1972+
1973+
.vkeyboard-subkeys {
1974+
color: #e1e1e1;
1975+
-arrow-border-radius: 8px;
1976+
-arrow-background-color: #222226;
1977+
-arrow-border-width: 1px;
1978+
-arrow-border-color: #38383e;
1979+
-arrow-base: 20px;
1980+
-arrow-rise: 10px;
1981+
-boxpointer-gap: 6px; }
1982+
1983+
.word-suggestions {
1984+
font-size: 1.227em;
1985+
spacing: 20px;
1986+
min-height: 20pt; }
1987+
1988+
/*
1989+
****** DEPRECATED
1990+
1991+
On-Screen Keyboard (<= Cinnamon 6.4)
1992+
*/
1993+
#keyboard {
1994+
background-color: #303030;
1995+
border-width: 0;
1996+
border-top-width: 1px;
1997+
border-color: rgba(0, 0, 0, 0.4); }
1998+
1999+
.keyboard-layout {
2000+
spacing: 10px;
2001+
padding: 10px; }
2002+
2003+
.keyboard-row {
2004+
spacing: 15px; }
2005+
2006+
.keyboard-key {
2007+
min-height: 2em;
2008+
min-width: 2em;
2009+
font-size: 1.4em;
2010+
font-weight: bold;
2011+
border-radius: 3px;
2012+
box-shadow: none;
2013+
color: #c3c3c3;
2014+
border: 1px solid #303036;
2015+
background-color: rgba(104, 104, 104, 0.4); }
2016+
.keyboard-key:hover {
2017+
color: #c3c3c3;
2018+
border: 1px solid rgba(0, 0, 0, 0.4);
2019+
background-color: rgba(122, 122, 122, 0.5); }
2020+
.keyboard-key:active, .keyboard-key:checked {
2021+
color: #ffffff;
2022+
border: 1px solid #35a854;
2023+
background-color: #35a854; }
2024+
.keyboard-key:grayed {
2025+
color: #5c5c5c;
2026+
border: 1px solid rgba(0, 0, 0, 0.4);
2027+
background-color: rgba(104, 104, 104, 0.25); }
2028+
2029+
.keyboard-subkeys {
2030+
color: #c3c3c3;
2031+
padding: 5px;
2032+
-arrow-border-radius: 2px;
2033+
-arrow-background-color: #303030;
2034+
-arrow-border-width: 1px;
2035+
-arrow-border-color: rgba(0, 0, 0, 0.4);
2036+
-arrow-base: 20px;
2037+
-arrow-rise: 10px;
2038+
-boxpointer-gap: 5px; }
2039+
2040+
/* ****** DEPRECATED */

‎src/Mint-Y/cinnamon/cinnamon.css‎

Lines changed: 130 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -910,53 +910,6 @@ StScrollBar {
910910
.magnifier-zoom-region .full-screen {
911911
border-width: 0px; }
912912

913-
#keyboard {
914-
background-color: #303030;
915-
border-width: 0;
916-
border-top-width: 1px;
917-
border-color: rgba(0, 0, 0, 0.4); }
918-
919-
.keyboard-layout {
920-
spacing: 10px;
921-
padding: 10px; }
922-
923-
.keyboard-row {
924-
spacing: 15px; }
925-
926-
.keyboard-key {
927-
min-height: 2em;
928-
min-width: 2em;
929-
font-size: 1.4em;
930-
font-weight: bold;
931-
border-radius: 3px;
932-
box-shadow: none;
933-
color: #c3c3c3;
934-
border: 1px solid #b5b5bd;
935-
background-color: rgba(104, 104, 104, 0.4); }
936-
.keyboard-key:hover {
937-
color: #c3c3c3;
938-
border: 1px solid rgba(0, 0, 0, 0.4);
939-
background-color: rgba(122, 122, 122, 0.5); }
940-
.keyboard-key:active, .keyboard-key:checked {
941-
color: #ffffff;
942-
border: 1px solid #35a854;
943-
background-color: #35a854; }
944-
.keyboard-key:grayed {
945-
color: #5c5c5c;
946-
border: 1px solid rgba(0, 0, 0, 0.4);
947-
background-color: rgba(104, 104, 104, 0.25); }
948-
949-
.keyboard-subkeys {
950-
color: #c3c3c3;
951-
padding: 5px;
952-
-arrow-border-radius: 2px;
953-
-arrow-background-color: #303030;
954-
-arrow-border-width: 1px;
955-
-arrow-border-color: rgba(0, 0, 0, 0.4);
956-
-arrow-base: 20px;
957-
-arrow-rise: 10px;
958-
-boxpointer-gap: 5px; }
959-
960913
.menu-favorites-box {
961914
padding: 10px;
962915
transition-duration: 300;
@@ -1956,3 +1909,133 @@ StScrollBar {
19561909
background-color: #ebebed;
19571910
border-radius: 6px;
19581911
padding: 12px; }
1912+
1913+
/*
1914+
On-Screen Keyboard (>= Cinnamon 6.6)
1915+
*/
1916+
#virtual-keyboard {
1917+
background-color: #f3f3f4;
1918+
box-shadow: inset 0 1px 0 0 #b5b5bd; }
1919+
1920+
.vkeyboard-key-container {
1921+
padding: 4px;
1922+
spacing: 4px; }
1923+
1924+
.vkeyboard-key {
1925+
color: #303030;
1926+
background-color: #b0b0b8;
1927+
border: 1px solid #b5b5bd;
1928+
box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05);
1929+
font-size: 1.364em;
1930+
border-width: 1px;
1931+
border-style: solid;
1932+
border-radius: 6px;
1933+
background-color: #d3d3d7; }
1934+
.vkeyboard-key:focus {
1935+
color: #303030;
1936+
background-color: #b0b0b8;
1937+
border: 1px solid #35a854;
1938+
box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); }
1939+
.vkeyboard-key:hover, .vkeyboard-key:checked {
1940+
color: #303030;
1941+
background-color: #bdbdc4;
1942+
border: 1px solid #b5b5bd;
1943+
box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); }
1944+
.vkeyboard-key:active {
1945+
color: #ffffff;
1946+
background-color: #35a854;
1947+
border: 1px solid #35a854;
1948+
box-shadow: inset 0 2px 4px #35a854; }
1949+
.vkeyboard-key.shift-key-uppercase {
1950+
background-color: #9a9aa5; }
1951+
.vkeyboard-key.enter-key {
1952+
border-color: #35a854;
1953+
border-width: 3px; }
1954+
.vkeyboard-key.shift-key-lowercase, .vkeyboard-key.escape-key, .vkeyboard-key.hide-key, .vkeyboard-key.non-alpha-key {
1955+
background-color: #c0c0c6; }
1956+
.vkeyboard-key.shift-key-lowercase:focus, .vkeyboard-key.escape-key:focus, .vkeyboard-key.hide-key:focus, .vkeyboard-key.non-alpha-key:focus {
1957+
color: #303030;
1958+
background-color: #b0b0b8;
1959+
border: 1px solid #35a854;
1960+
box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); }
1961+
.vkeyboard-key.shift-key-lowercase:hover, .vkeyboard-key.shift-key-lowercase:checked, .vkeyboard-key.escape-key:hover, .vkeyboard-key.escape-key:checked, .vkeyboard-key.hide-key:hover, .vkeyboard-key.hide-key:checked, .vkeyboard-key.non-alpha-key:hover, .vkeyboard-key.non-alpha-key:checked {
1962+
color: #303030;
1963+
background-color: #bdbdc4;
1964+
border: 1px solid #b5b5bd;
1965+
box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); }
1966+
.vkeyboard-key.shift-key-lowercase:active, .vkeyboard-key.escape-key:active, .vkeyboard-key.hide-key:active, .vkeyboard-key.non-alpha-key:active {
1967+
color: #ffffff;
1968+
background-color: #35a854;
1969+
border: 1px solid #35a854;
1970+
box-shadow: inset 0 2px 4px #35a854; }
1971+
.vkeyboard-key StIcon {
1972+
icon-size: 1.125em; }
1973+
1974+
.vkeyboard-subkeys {
1975+
color: #303030;
1976+
-arrow-border-radius: 8px;
1977+
-arrow-background-color: #ebebed;
1978+
-arrow-border-width: 1px;
1979+
-arrow-border-color: white;
1980+
-arrow-base: 20px;
1981+
-arrow-rise: 10px;
1982+
-boxpointer-gap: 6px; }
1983+
1984+
.word-suggestions {
1985+
font-size: 1.227em;
1986+
spacing: 20px;
1987+
min-height: 20pt; }
1988+
1989+
/*
1990+
****** DEPRECATED
1991+
1992+
On-Screen Keyboard (<= Cinnamon 6.4)
1993+
*/
1994+
#keyboard {
1995+
background-color: #303030;
1996+
border-width: 0;
1997+
border-top-width: 1px;
1998+
border-color: rgba(0, 0, 0, 0.4); }
1999+
2000+
.keyboard-layout {
2001+
spacing: 10px;
2002+
padding: 10px; }
2003+
2004+
.keyboard-row {
2005+
spacing: 15px; }
2006+
2007+
.keyboard-key {
2008+
min-height: 2em;
2009+
min-width: 2em;
2010+
font-size: 1.4em;
2011+
font-weight: bold;
2012+
border-radius: 3px;
2013+
box-shadow: none;
2014+
color: #c3c3c3;
2015+
border: 1px solid #b5b5bd;
2016+
background-color: rgba(104, 104, 104, 0.4); }
2017+
.keyboard-key:hover {
2018+
color: #c3c3c3;
2019+
border: 1px solid rgba(0, 0, 0, 0.4);
2020+
background-color: rgba(122, 122, 122, 0.5); }
2021+
.keyboard-key:active, .keyboard-key:checked {
2022+
color: #ffffff;
2023+
border: 1px solid #35a854;
2024+
background-color: #35a854; }
2025+
.keyboard-key:grayed {
2026+
color: #5c5c5c;
2027+
border: 1px solid rgba(0, 0, 0, 0.4);
2028+
background-color: rgba(104, 104, 104, 0.25); }
2029+
2030+
.keyboard-subkeys {
2031+
color: #c3c3c3;
2032+
padding: 5px;
2033+
-arrow-border-radius: 2px;
2034+
-arrow-background-color: #303030;
2035+
-arrow-border-width: 1px;
2036+
-arrow-border-color: rgba(0, 0, 0, 0.4);
2037+
-arrow-base: 20px;
2038+
-arrow-rise: 10px;
2039+
-boxpointer-gap: 5px; }
2040+
2041+
/* ****** DEPRECATED */

0 commit comments

Comments
 (0)