diff --git a/_locales/am/messages.json b/_locales/am/messages.json index 728b40d..61656a6 100644 --- a/_locales/am/messages.json +++ b/_locales/am/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ar/messages.json b/_locales/ar/messages.json index 3bfb587..f7d6628 100644 --- a/_locales/ar/messages.json +++ b/_locales/ar/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "يمنع الوصول" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "الإختصارات" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "الوقت" } diff --git a/_locales/bg/messages.json b/_locales/bg/messages.json index 728b40d..61656a6 100644 --- a/_locales/bg/messages.json +++ b/_locales/bg/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/bn/messages.json b/_locales/bn/messages.json index 728b40d..61656a6 100644 --- a/_locales/bn/messages.json +++ b/_locales/bn/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ca/messages.json b/_locales/ca/messages.json index 728b40d..61656a6 100644 --- a/_locales/ca/messages.json +++ b/_locales/ca/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/cs/messages.json b/_locales/cs/messages.json index 728b40d..61656a6 100644 --- a/_locales/cs/messages.json +++ b/_locales/cs/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/da/messages.json b/_locales/da/messages.json index 728b40d..61656a6 100644 --- a/_locales/da/messages.json +++ b/_locales/da/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/de/messages.json b/_locales/de/messages.json index 3f15372..180081b 100644 --- a/_locales/de/messages.json +++ b/_locales/de/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Zeit" } diff --git a/_locales/el/messages.json b/_locales/el/messages.json index 728b40d..61656a6 100644 --- a/_locales/el/messages.json +++ b/_locales/el/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 728b40d..61656a6 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/es/messages.json b/_locales/es/messages.json index 728b40d..61656a6 100644 --- a/_locales/es/messages.json +++ b/_locales/es/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/et/messages.json b/_locales/et/messages.json index 728b40d..61656a6 100644 --- a/_locales/et/messages.json +++ b/_locales/et/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/fa/messages.json b/_locales/fa/messages.json index 728b40d..61656a6 100644 --- a/_locales/fa/messages.json +++ b/_locales/fa/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/fi/messages.json b/_locales/fi/messages.json index 728b40d..61656a6 100644 --- a/_locales/fi/messages.json +++ b/_locales/fi/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/fil/messages.json b/_locales/fil/messages.json index 728b40d..61656a6 100644 --- a/_locales/fil/messages.json +++ b/_locales/fil/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/fr/messages.json b/_locales/fr/messages.json index 728b40d..61656a6 100644 --- a/_locales/fr/messages.json +++ b/_locales/fr/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/gu/messages.json b/_locales/gu/messages.json index 728b40d..61656a6 100644 --- a/_locales/gu/messages.json +++ b/_locales/gu/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/he/messages.json b/_locales/he/messages.json index 833d1d0..f44053e 100644 --- a/_locales/he/messages.json +++ b/_locales/he/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "הגישה נדחתה" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "קיצורים" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "זמן" } diff --git a/_locales/hi/messages.json b/_locales/hi/messages.json index 728b40d..61656a6 100644 --- a/_locales/hi/messages.json +++ b/_locales/hi/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/hr/messages.json b/_locales/hr/messages.json index 728b40d..61656a6 100644 --- a/_locales/hr/messages.json +++ b/_locales/hr/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/hu/messages.json b/_locales/hu/messages.json index 728b40d..61656a6 100644 --- a/_locales/hu/messages.json +++ b/_locales/hu/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/id/messages.json b/_locales/id/messages.json index 728b40d..61656a6 100644 --- a/_locales/id/messages.json +++ b/_locales/id/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/it/messages.json b/_locales/it/messages.json index 728b40d..61656a6 100644 --- a/_locales/it/messages.json +++ b/_locales/it/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ja/messages.json b/_locales/ja/messages.json index 728b40d..61656a6 100644 --- a/_locales/ja/messages.json +++ b/_locales/ja/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/kn/messages.json b/_locales/kn/messages.json index 728b40d..61656a6 100644 --- a/_locales/kn/messages.json +++ b/_locales/kn/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ko/messages.json b/_locales/ko/messages.json index 728b40d..61656a6 100644 --- a/_locales/ko/messages.json +++ b/_locales/ko/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/lt/messages.json b/_locales/lt/messages.json index 728b40d..61656a6 100644 --- a/_locales/lt/messages.json +++ b/_locales/lt/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/lv/messages.json b/_locales/lv/messages.json index 728b40d..61656a6 100644 --- a/_locales/lv/messages.json +++ b/_locales/lv/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ml/messages.json b/_locales/ml/messages.json index 728b40d..61656a6 100644 --- a/_locales/ml/messages.json +++ b/_locales/ml/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/mr/messages.json b/_locales/mr/messages.json index 728b40d..61656a6 100644 --- a/_locales/mr/messages.json +++ b/_locales/mr/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ms/messages.json b/_locales/ms/messages.json index 728b40d..61656a6 100644 --- a/_locales/ms/messages.json +++ b/_locales/ms/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/nl/messages.json b/_locales/nl/messages.json index 728b40d..61656a6 100644 --- a/_locales/nl/messages.json +++ b/_locales/nl/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/no/messages.json b/_locales/no/messages.json index 728b40d..61656a6 100644 --- a/_locales/no/messages.json +++ b/_locales/no/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/pl/messages.json b/_locales/pl/messages.json index 728b40d..61656a6 100644 --- a/_locales/pl/messages.json +++ b/_locales/pl/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/pt_BR/messages.json b/_locales/pt_BR/messages.json index 728b40d..61656a6 100644 --- a/_locales/pt_BR/messages.json +++ b/_locales/pt_BR/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/pt_PT/messages.json b/_locales/pt_PT/messages.json index 728b40d..61656a6 100644 --- a/_locales/pt_PT/messages.json +++ b/_locales/pt_PT/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ro/messages.json b/_locales/ro/messages.json index 728b40d..61656a6 100644 --- a/_locales/ro/messages.json +++ b/_locales/ro/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ru/messages.json b/_locales/ru/messages.json index d8cf6b4..f1ebb30 100644 --- a/_locales/ru/messages.json +++ b/_locales/ru/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Время" } diff --git a/_locales/sk/messages.json b/_locales/sk/messages.json index 728b40d..61656a6 100644 --- a/_locales/sk/messages.json +++ b/_locales/sk/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/sl/messages.json b/_locales/sl/messages.json index 728b40d..61656a6 100644 --- a/_locales/sl/messages.json +++ b/_locales/sl/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/sr/messages.json b/_locales/sr/messages.json index 728b40d..61656a6 100644 --- a/_locales/sr/messages.json +++ b/_locales/sr/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/sv/messages.json b/_locales/sv/messages.json index 728b40d..61656a6 100644 --- a/_locales/sv/messages.json +++ b/_locales/sv/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/sw/messages.json b/_locales/sw/messages.json index 728b40d..61656a6 100644 --- a/_locales/sw/messages.json +++ b/_locales/sw/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/ta/messages.json b/_locales/ta/messages.json index 728b40d..61656a6 100644 --- a/_locales/ta/messages.json +++ b/_locales/ta/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/te/messages.json b/_locales/te/messages.json index 728b40d..61656a6 100644 --- a/_locales/te/messages.json +++ b/_locales/te/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/th/messages.json b/_locales/th/messages.json index 728b40d..61656a6 100644 --- a/_locales/th/messages.json +++ b/_locales/th/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/tr/messages.json b/_locales/tr/messages.json index 728b40d..61656a6 100644 --- a/_locales/tr/messages.json +++ b/_locales/tr/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/uk/messages.json b/_locales/uk/messages.json index 728b40d..61656a6 100644 --- a/_locales/uk/messages.json +++ b/_locales/uk/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/vi/messages.json b/_locales/vi/messages.json index 728b40d..61656a6 100644 --- a/_locales/vi/messages.json +++ b/_locales/vi/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/zh_CN/messages.json b/_locales/zh_CN/messages.json index 728b40d..61656a6 100644 --- a/_locales/zh_CN/messages.json +++ b/_locales/zh_CN/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/_locales/zh_TW/messages.json b/_locales/zh_TW/messages.json index 728b40d..61656a6 100644 --- a/_locales/zh_TW/messages.json +++ b/_locales/zh_TW/messages.json @@ -1,7 +1,4 @@ { - "accessIsDenied": { - "message": "Access is denied" - }, "appearance": { "message": "Appearance" }, @@ -44,6 +41,12 @@ "shortcuts": { "message": "Shortcuts" }, + "somethingWentWrongTryReloadingThePage": { + "message": "Something went wrong. Try reloading the page." + }, + "textColor": { + "message": "Text color" + }, "time": { "message": "Time" } diff --git a/content-script.js b/content-script.js index 0c55f64..406ca2b 100644 --- a/content-script.js +++ b/content-script.js @@ -133,12 +133,12 @@ function createUserInterface() { createUserInterfaceItem('time', info_panel); createUserInterfaceItem('duration', info_panel); createUserInterfaceItem('frame', info_panel); - createUserInterfaceItem('next', info_panel); - createUserInterfaceItem('prev', info_panel); + createUserInterfaceItem('nextFrame', info_panel); + createUserInterfaceItem('previousFrame', info_panel); createUserInterfaceItem('hide', info_panel); - ui.next.innerText = '>'; - ui.prev.innerText = '<'; + ui.nextFrame.innerText = '>'; + ui.previousFrame.innerText = '<'; ui.hide.innerText = 'i'; info_panel.appendChild(show_hide_button); @@ -664,12 +664,22 @@ window.addEventListener('DOMContentLoaded', function() { hide_in_fullscreen = items.hide_in_fullscreen; } - if (items.hasOwnProperty('opacity')) { - ui.info_panel.style.opacity = items.opacity; + if (items.background_color) { + ui.info_panel.style.backgroundColor = 'rgb(' + items.background_color.rgb.join(',') + ')'; + } else { + ui.info_panel.style.backgroundColor = '#000'; } - if (items.hasOwnProperty('background_color')) { - ui.info_panel.style.backgroundColor = items.background_color; + if (items.text_color) { + ui.info_panel.style.color = 'rgb(' + items.text_color.rgb.join(',') + ')'; + } else { + ui.info_panel.style.color = '#fff'; + } + + if (items.hasOwnProperty('opacity')) { + ui.info_panel.style.opacity = items.opacity; + } else { + ui.info_panel.style.opacity = .85; } setInterval(searchVideos, 2500); @@ -701,7 +711,17 @@ chrome.storage.onChanged.addListener(function(changes) { } else if (key === 'opacity') { ui.info_panel.style.opacity = value; } else if (key === 'background_color') { - ui.info_panel.style.backgroundColor = value; + if (value) { + ui.info_panel.style.backgroundColor = 'rgb(' + value.rgb.join(',') + ')'; + } else { + ui.info_panel.style.backgroundColor = '#000'; + } + } else if (key === 'text_color') { + if (value) { + ui.info_panel.style.backgroundColor = 'rgb(' + value.rgb.join(',') + ')'; + } else { + ui.info_panel.style.backgroundColor = '#fff'; + } } if (key === location.hostname) { diff --git a/content-styles.css b/content-styles.css index 7c1a53e..0cfeb2e 100644 --- a/content-styles.css +++ b/content-styles.css @@ -58,7 +58,6 @@ color: #fff; border: 1px solid rgba(255,255,255,.2); - background: rgba(0,0,0,.85); backdrop-filter: blur(8px); } @@ -91,13 +90,11 @@ .frame-by-frame__info-panel > div > div:first-child { text-transform: uppercase; - - color: rgba(255,255,255,.4); } .frame-by-frame__info-panel > div > div:last-child { - color: rgba(255,255,255,.8); + opacity: .8; } .frame-by-frame__frame diff --git a/popup/popup.css b/popup/popup.css index b6bdb22..f20eb12 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -5,6 +5,7 @@ # Made with love --------------------------------------------------------------*/ + /*-------------------------------------------------------------- # BODY --------------------------------------------------------------*/ @@ -13,21 +14,21 @@ body { color: #565676; background: #0e0e1b; --satus-primary: #3d3d8f; - --satus-hover: rgba(255,255,255,.03); - --satus-header-background: #1c1c36; + --satus-hover: rgba(255, 255, 255, .03); + --satus-header-background: #2a2a51; --satus-header-text: #9595b2; --satus-layers-background: #0e0e1b; --satus-layers-text: #565676; - --satus-section-card-background: #161627; + --satus-section-card-background: #171726; --satus-section-card-text: #9595b2; --satus-switch-background: rgba(255, 255, 255, .12); - --satus-modal-background: #202031; + --satus-modal-background: #2a2a51; --satus-modal-text: #9595b2; } .satus-header { - font-weight: 600; font-size: 15px; + font-weight: 600; justify-content: flex-start; } @@ -35,10 +36,10 @@ body { width: 40px; min-width: 40px; height: 40px; + margin: 0 8px 0 -8px; padding: 8px; color: inherit; border-radius: 50%; - margin: 0 8px 0 -8px; } .satus-header .satus-button:hover { @@ -56,32 +57,29 @@ body { .satus-switch--domain { width: calc(100% - 16px); height: 48px; - margin: 16px 8px 16px; + margin: 16px 8px 8px; padding: 0 16px; - color: #494965; - border: 1px solid #22222f; + transition: 150ms; + color: #7d95a1; + border: 1px solid #233843; border-radius: 8px; - background-color: #14141f; + background-color: #1c2d36; } +.satus-switch--domain[data-value='true'] .satus-switch__thumb { + background-color: #375a6c; +} + +.satus-switch--domain:focus, .satus-switch--domain:hover { - background-color: #181825; - color: #565676; - border-color: #272735; + color: #899ea9; + border-color: #2a4350; + background-color: #233843; } -.satus-span--error { - display: flex; - box-sizing: border-box; +.satus-alert { width: calc(100% - 16px); - height: 48px; - margin: 16px 8px 16px; - padding: 0 16px; - color: rgba(255, 127, 127, .7); - border: 1px solid rgba(255, 0, 0, .15); - border-radius: 8px; - background: rgba(255, 0, 0, .1); - align-items: center; + margin: 16px 8px 8px; } .satus-section--label { @@ -96,6 +94,7 @@ body { .made-with-love { font-size: 13px; + font-weight: 600; position: absolute; bottom: 16px; left: 50%; @@ -104,12 +103,17 @@ body { min-height: auto; padding: 0; cursor: pointer; + transition: 150ms; transform: translateX(-50%); text-align: center; - justify-content: center; text-decoration: none; + opacity: .4; color: #9595b2; - font-weight: 600; + justify-content: center; +} + +.made-with-love:hover { + opacity: 1; } .satus-base[data-hide-made-with-love=true] .made-with-love { diff --git a/popup/popup.js b/popup/popup.js index 595d66b..f109f52 100644 --- a/popup/popup.js +++ b/popup/popup.js @@ -56,31 +56,33 @@ var skeleton = { } }, - toolbar: { - component: 'switch', - class: 'satus-switch--domain' - }, + toolbar: {}, + section: { component: 'section', class: 'satus-section--card', appearance: { component: 'button', - text: 'appearance', on: { click: { component: 'section', class: 'satus-section--card', title: 'appearance', - hide_in_fullscreen: { - component: 'switch', - text: 'hideInFullscreen' - }, background_color: { component: 'color-picker', text: 'backgroundColor', - value: '#000' + value: { + rgb: [0, 0, 0] + } + }, + text_color: { + component: 'color-picker', + text: 'textColor', + value: { + rgb: [255, 255, 255] + } }, opacity: { component: 'slider', @@ -88,13 +90,35 @@ var skeleton = { value: .85, step: .05, storage: 'opacity' + }, + hide_in_fullscreen: { + component: 'switch', + text: 'hideInFullscreen' } } + }, + + icon: { + component: 'svg', + attr: { + 'viewBox': '0 0 24 24', + 'fill': '#4e4e7e' + }, + + path: { + component: 'path', + attr: { + 'd': 'M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.996.996 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96a.996.996 0 0 0 0-1.41z' + } + } + }, + label: { + component: 'span', + text: 'appearance' } }, shortcuts: { component: 'button', - text: 'shortcuts', on: { click: { component: 'section', @@ -135,6 +159,25 @@ var skeleton = { } } } + }, + + icon: { + component: 'svg', + attr: { + 'viewBox': '0 0 24 24', + 'fill': '#4e4e7e' + }, + + path: { + component: 'path', + attr: { + 'd': 'M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z' + } + } + }, + label: { + component: 'span', + text: 'shortcuts' } } }, @@ -166,13 +209,22 @@ satus.storage.import(function (items) { chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { chrome.tabs.sendMessage(tabs[0].id, {}, function(response) { - skeleton.layers.toolbar.text = response || 'accessIsDenied'; + skeleton.layers.toolbar.text = response || ''; if (!response) { - skeleton.layers.toolbar.component = 'span'; - skeleton.layers.toolbar.class = 'satus-span--error'; + skeleton.layers.toolbar = { + component: 'alert', + text: 'somethingWentWrongTryReloadingThePage', + variant: 'error' + }; } else { - skeleton.layers.toolbar.storage = 'domains/' + response; + skeleton.layers.toolbar = { + component: 'switch', + class: 'satus-switch--domain', + text: response, + storage: 'domains/' + response, + value: true + }; } satus.render(skeleton); diff --git a/popup/satus.css b/popup/satus.css index 65df412..05caa27 100644 --- a/popup/satus.css +++ b/popup/satus.css @@ -1 +1 @@ -html{--satus-theme-primary:#ff4158;--satus-header-background:#fff;--satus-switch-background:rgba(0,0,0,.08)}.satus-color-picker{font-size:inherit;position:relative;display:flex;box-sizing:border-box;margin:0;cursor:pointer;color:inherit;border:none;outline:0;background-color:var(--satus-theme-button);justify-content:space-between;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none}.satus-color-picker__value{width:24px;height:24px;border-radius:50%}.satus-modal--color-picker{position:relative}.satus-modal--color-picker .satus-modal__surface{display:flex;flex-direction:column;align-items:center}.satus-modal--color-picker canvas{width:256px;height:256px}.satus-color-picker__cursor{border-radius:50%;position:absolute;pointer-events:none;width:5px;border:1px solid #fff;height:5px;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%)}.satus-color-picker__slider .satus-slider__container{height:18px}.satus-color-picker__slider .satus-slider__track-container{top:calc(50% - 9px);height:18px}.satus-color-picker__slider .satus-slider__track-container::before{height:16px;opacity:1;background:linear-gradient(90deg,#fff,#000);border:1px solid #bfbfbf;border-radius:4px}.satus-color-picker__slider .satus-slider__track{background:0 0}.satus-color-picker__slider .satus-slider__thumb{background:#fff;top:0;border-radius:4px;height:18px;box-shadow:0 0 2px rgb(0,0,0,.2)}.satus-color-picker__slider .satus-slider__thumb:before{display:none}.satus-color-picker__actions{width:100%;justify-content:flex-end}.satus-main{color:var(--satus-main-text);background:var(--satus-main-background)}.satus-button{font:inherit;position:relative;overflow:hidden;height:48px;margin:0;padding:8px;color:var(--satus-button-text);border:none;background:var(--satus-button-background);appearance:none}.satus-button:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-button>*{pointer-events:none}.satus-list{list-style:none;margin:0}.satus-list__item{display:flex;align-items:center;justify-content:space-between;height:48px}.satus-list__item>:last-child{text-align:right}.satus-section{display:flex;flex-wrap:wrap}.satus-section--align-start{justify-content:flex-start}.satus-section--align-end{justify-content:flex-end}.satus-header>.satus-section{align-items:center}.satus-section--card{flex-direction:column;width:calc(100% - 16px);max-width:900px;margin:8px auto;padding:8px 0;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--satus-section-card-background);color:var(--satus-section-card-text)}.satus-section--card>*{min-height:48px;padding:0 16px;text-align:left}.satus-section--card>.satus-button{display:flex;padding:0 16px;align-items:center}.satus-section--card>.satus-button>svg{width:20px;margin-right:8px;color:var(--satus-theme-primary)}.satus-section--label{font-size:17px;display:block;width:calc(100% - 16px);max-width:900px;margin:16px auto 8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.satus-modal{position:absolute;z-index:100;top:0;left:0;display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.satus-modal__scrim{position:absolute;top:0;left:0;width:100%;height:100%;animation:modalFadeIn 150ms linear forwards;opacity:0;background:rgba(0,0,0,.2);backdrop-filter:blur(8px)}.satus-modal__surface{font-size:14px;display:flex;overflow-y:auto;flex-direction:column;width:95%;min-width:240px;max-width:560px;max-height:80%;padding:8px 0;transform:scale(.8);animation:modalZoomIn 150ms linear forwards;animation-delay:20ms;opacity:0;color:var(--satus-modal-text);border-radius:6px;background-color:var(--satus-modal-background);box-shadow:inset 0 -1px 1px 1px rgb(0,0,0,.1),0 2px 6px rgb(0,0,0,.15)}.satus-modal--closing .satus-modal__scrim{animation:modalFadeOut 70ms linear forwards}.satus-modal--closing .satus-modal__surface{animation:modalZoomOut 70ms linear forwards}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalZoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalZoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.satus-switch{font:inherit;display:flex;transition:background-color 75ms;color:inherit;border:none;outline:0;background-color:transparent;justify-content:space-between;align-items:center}.satus-switch:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-switch__thumb{width:38px;height:20px;transition:background-color 150ms;border-radius:20px;background-color:var(--satus-switch-background)}.satus-switch__thumb::before{display:block;width:16px;height:16px;margin:2px;content:'';transition:transform 150ms cubic-bezier(.4,0,.2,1);border-radius:50%;background-color:#fff;will-change:transform}.satus-switch[data-value=true] .satus-switch__thumb{background-color:var(--satus-primary)}.satus-switch[data-value=true] .satus-switch__thumb::before{transform:translateX(18px)}.satus-slider{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:64px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;align-items:flex-start;justify-content:center}.satus-slider:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-slider__label{cursor:default}.satus-slider>input{position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;opacity:0}.satus-slider__container{position:relative;width:100%;height:12px;margin:8px 0 0}.satus-slider__track-container{position:absolute;top:calc(50% - 1px);width:100%;height:2px;pointer-events:none}.satus-slider__track-container::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';opacity:.26;background-color:var(--satus-theme-primary)}.satus-slider__track{position:relative;width:0;height:100%;background-color:var(--satus-theme-primary);will-change:width}.satus-slider:not(.satus-slider--dragging) .satus-slider__track{transition:width .1s ease-out}.satus-slider__thumb{position:absolute;top:-5px;right:-12px;width:12px;height:12px;border-radius:50%;background-color:var(--satus-theme-primary);box-shadow:0 1px 5px rgba(0,0,0,.15)}.satus-slider .satus-slider__thumb::before{font-size:13px;position:absolute;top:-34px;left:50%;visibility:hidden;box-sizing:border-box;min-width:28px;padding:4px 4px;content:attr(data-value);transform:translateX(-50%);text-align:center;pointer-events:none;color:#fff;border-radius:4px;background:var(--satus-theme-tooltip)}.satus-slider:hover .satus-slider__thumb::before,.satus-slider>input:focus .satus-slider__container .satus-slider__thumb::before{visibility:visible}.satus-slider__ring{position:absolute;top:-11px;right:-18px;width:24px;height:24px;transition:.1s;transform:scale(0);opacity:0;border-radius:50%;background-color:var(--satus-theme-primary)}.satus-slider>input:focus+.satus-slider__container .satus-slider__ring{transform:scale(1);opacity:.25}.satus-shortcut{justify-content:space-between}.satus-shortcut__value{text-transform:uppercase;font-size:11px;opacity:.5}.satus-shortcut__actions{display:flex;justify-content:flex-end}.satus-shortcut__actions .satus-button{height:32px;background:rgba(0,0,0,.15);margin:8px 4px 0;border-radius:8px}.satus-shortcut__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-shortcut__primary{display:flex;box-sizing:border-box;width:100%;height:68px;padding:16px;background:rgba(0,0,0,.16);align-items:center}.satus-shortcut__key{display:flex;box-sizing:border-box;min-width:32px;height:32px;padding:4px 8px;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1);align-items:center;justify-content:center}.satus-shortcut__plus{position:relative;width:12px;height:12px;margin:8px}.satus-shortcut__plus::before{position:absolute;top:0;left:5px;width:2px;height:12px;content:'';background-color:#aaa}.satus-shortcut__plus::after{position:absolute;top:5px;left:0;width:12px;height:2px;content:'';background-color:#aaa}.satus-shortcut__mouse{position:relative;display:flex;width:28px;height:36px;border-radius:50%;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1)}.satus-shortcut__mouse>div{position:absolute;top:0;left:13px;width:2px;height:11px;border-radius:2px;background:#ccc}.satus-shortcut__mouse::before{position:absolute;top:-4px;left:21px;width:2px;height:18px;content:'';background:#f96754}.satus-shortcut__mouse.false::after{position:absolute;top:-12px;left:17px;width:0;height:0;content:'';border-right:5px solid transparent;border-bottom:8px solid #f96754;border-left:5px solid transparent}.satus-shortcut__mouse.true::after{position:absolute;top:14px;left:17px;width:0;height:0;content:'';border-top:8px solid #f96754;border-right:5px solid transparent;border-left:5px solid transparent}.satus-section_shortcut{width:100%;margin:8px 0 0;justify-content:flex-end}.satus-button_shortcut{font-weight:500;overflow:hidden;height:28px;min-height:28px;margin-right:2px;padding:4px 8px;text-transform:uppercase;color:#f96754;border-radius:4px}.satus-base{display:flex;flex-direction:column;width:100%;height:100vh}.satus-text-field{position:relative;padding:0 16px;background-color:#333347;border-radius:8px;color:#c4c4d4;overflow:hidden;display:flex}.satus-text-field__pre{display:flex;position:relative;height:100%;margin:0;padding:0;overflow:hidden;align-items:center;flex:1}.satus-text-field__input{font:inherit;position:absolute;top:0;left:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;opacity:0;border:none;appearance:none;z-index:9}.satus-text-field__hidden-text{position:absolute;pointer-events:none;opacity:0}.satus-text-field__text{position:absolute;top:0;left:0;display:flex;height:100%;margin:0;align-items:center}.satus-text-field__cursor{position:absolute;top:6px;left:0;display:none;width:2px;height:25px;animation:blink 1s step-end 8;background:#fa0}.satus-text-field__selection{position:absolute;top:5px;left:0;display:none;width:0;height:25px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.1)}.satus-text-field__input:focus+*+*+*+.satus-text-field__cursor,.satus-text-field__selection:not([disabled]){display:block}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.satus-text-field__text>.group{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.character-class{color:#ffc247;background-color:rgb(255,170,0,.16)}.satus-text-field__text>.quantifier{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.anchor{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.metasequence{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.text{color:#c4c4d4;background-color:rgb(196,196,212,.16)}.satus-header{display:flex;box-sizing:border-box;height:56px;padding:0 16px;color:var(--satus-header-text);background:var(--satus-header-background);align-items:center;justify-content:space-between}.satus-layers{position:relative;overflow:hidden;color:var(--satus-layers-text);background:var(--satus-layers-background);flex:1}.satus-layer{position:absolute;top:0;left:0;display:flex;overflow-y:auto;width:100%;height:100%;flex-wrap:wrap;align-content:flex-start}.satus-input[type=text]{font:inherit;box-sizing:border-box;width:100%;margin:0;padding:0;padding:0 8px;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select{position:relative;display:flex;box-sizing:border-box;align-items:center}.satus-select select{font:inherit;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;padding:inherit;cursor:pointer;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select select:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-section--card .satus-select select{text-align-last:right}.satus-pluviam{position:absolute;transform:scale(0);animation-name:pluviam;animation-duration:1s;opacity:.04;border-radius:50%;background:#000;animation-fill-mode:forwards}@keyframes pluviam{0%{transform:scale(0);opacity:.04}70%{transform:scale(.8);opacity:.04}100%{transform:scale(1);opacity:0}} \ No newline at end of file +html{--satus-primary:#ff4158;--satus-header-background:#fff;--satus-switch-background:rgba(0,0,0,.08)}.satus-color-picker{font-size:inherit;position:relative;display:flex;box-sizing:border-box;margin:0;cursor:pointer;color:inherit;border:none;outline:0;background-color:var(--satus-theme-button);justify-content:space-between;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none}.satus-color-picker__value{width:22px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.satus-modal--color-picker{position:relative}.satus-modal--color-picker .satus-modal__surface{display:flex;flex-direction:column;align-items:center}.satus-modal--color-picker canvas{width:256px;height:256px}.satus-color-picker__dim{position:absolute;width:256px;height:256px;pointer-events:none;opacity:0;border-radius:50%;background:#000}.satus-color-picker__cursor{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.satus-color-picker__slider .satus-slider__container{height:18px}.satus-color-picker__slider .satus-slider__track-container{top:calc(50% - 9px);height:18px}.satus-color-picker__slider .satus-slider__track-container::before{height:16px;opacity:1;border:1px solid #bfbfbf;border-radius:4px;background:linear-gradient(90deg,#fff,#000)}.satus-color-picker__slider .satus-slider__track{background:0 0}.satus-color-picker__slider .satus-slider__thumb{top:0;height:18px;border-radius:4px;background:#fff;box-shadow:0 0 2px rgb(0,0,0,.2)}.satus-color-picker__slider .satus-slider__thumb:before{display:none}.satus-color-picker__actions{display:flex;width:100%;justify-content:flex-end}.satus-color-picker__actions .satus-button{height:32px;margin:8px 4px 0;border-radius:8px;background:rgba(0,0,0,.15)}.satus-color-picker__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-main{color:var(--satus-main-text);background:var(--satus-main-background)}.satus-button{font:inherit;position:relative;overflow:hidden;height:48px;margin:0;padding:8px;color:var(--satus-button-text,inherit);border:none;background:var(--satus-button-background,transparent);appearance:none}.satus-button:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-button>*{pointer-events:none}.satus-list{list-style:none;margin:0}.satus-list__item{display:flex;align-items:center;justify-content:space-between;height:48px}.satus-list__item>:last-child{text-align:right}.satus-section{display:flex;flex-wrap:wrap}.satus-section--align-start{justify-content:flex-start}.satus-section--align-end{justify-content:flex-end}.satus-header>.satus-section{align-items:center}.satus-section--card{flex-direction:column;width:calc(100% - 16px);max-width:900px;margin:8px auto;padding:8px 0;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--satus-section-card-background);color:var(--satus-section-card-text)}.satus-section--card>*{min-height:48px;padding:0 16px;text-align:left}.satus-section--card>.satus-button{display:flex;padding:0 16px;align-items:center}.satus-section--card>.satus-button>svg{width:20px;margin:2px 16px 0 0;color:var(--satus-primary)}.satus-section--label{font-size:17px;display:block;width:calc(100% - 16px);max-width:900px;margin:16px auto 8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.satus-modal{position:absolute;z-index:100;top:0;left:0;display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.satus-modal__scrim{position:absolute;top:0;left:0;width:100%;height:100%;animation:modalFadeIn 150ms linear forwards;opacity:0;background:rgba(0,0,0,.2);backdrop-filter:blur(8px)}.satus-modal__surface{font-size:14px;display:flex;overflow-y:auto;flex-direction:column;width:95%;min-width:240px;max-width:560px;max-height:80%;padding:8px 0;transform:scale(.8);animation:modalZoomIn 150ms linear forwards;animation-delay:20ms;opacity:0;color:var(--satus-modal-text);border-radius:6px;background-color:var(--satus-modal-background);box-shadow:inset 0 -1px 1px 1px rgb(0,0,0,.1),0 2px 6px rgb(0,0,0,.15)}.satus-modal--closing .satus-modal__scrim{animation:modalFadeOut 70ms linear forwards}.satus-modal--closing .satus-modal__surface{animation:modalZoomOut 70ms linear forwards}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalZoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalZoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.satus-switch{font:inherit;display:flex;transition:background-color 75ms;color:inherit;border:none;outline:0;background-color:transparent;justify-content:space-between;align-items:center}.satus-switch:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-switch__thumb{width:38px;height:20px;transition:background-color 150ms;border-radius:20px;background-color:var(--satus-switch-background)}.satus-switch__thumb::before{display:block;width:16px;height:16px;margin:2px;content:'';transition:transform 150ms cubic-bezier(.4,0,.2,1);border-radius:50%;background-color:#fff;will-change:transform}.satus-switch[data-value=true] .satus-switch__thumb{background-color:var(--satus-primary)}.satus-switch[data-value=true] .satus-switch__thumb::before{transform:translateX(18px)}.satus-slider{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:64px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;align-items:flex-start;justify-content:center}.satus-slider:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-slider__label{cursor:default}.satus-slider>input{position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;opacity:0}.satus-slider__container{position:relative;width:100%;height:12px;margin:8px 0 0}.satus-slider__track-container{position:absolute;top:calc(50% - 1px);width:100%;height:2px;pointer-events:none}.satus-slider__track-container::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';opacity:.26;background-color:var(--satus-primary)}.satus-slider__track{position:relative;width:0;height:100%;background-color:var(--satus-primary);will-change:width}.satus-slider:not(.satus-slider--dragging) .satus-slider__track{transition:width .1s ease-out}.satus-slider__thumb{position:absolute;top:-5px;right:-12px;width:12px;height:12px;border-radius:50%;background-color:var(--satus-primary);box-shadow:0 1px 5px rgba(0,0,0,.15)}.satus-slider .satus-slider__thumb::before{font-size:13px;position:absolute;top:-34px;left:50%;visibility:hidden;box-sizing:border-box;min-width:28px;padding:4px 4px;content:attr(data-value);transform:translateX(-50%);text-align:center;pointer-events:none;color:#fff;border-radius:4px;background:var(--satus-theme-tooltip)}.satus-slider:hover .satus-slider__thumb::before,.satus-slider>input:focus .satus-slider__container .satus-slider__thumb::before{visibility:visible}.satus-slider__ring{position:absolute;top:-11px;right:-18px;width:24px;height:24px;transition:.1s;transform:scale(0);opacity:0;border-radius:50%;background-color:var(--satus-primary)}.satus-slider>input:focus+.satus-slider__container .satus-slider__ring{transform:scale(1);opacity:.25}.satus-shortcut{justify-content:space-between}.satus-shortcut__value{text-transform:uppercase;font-size:11px;opacity:.5}.satus-shortcut__actions{display:flex;justify-content:flex-end}.satus-shortcut__actions .satus-button{height:32px;background:rgba(0,0,0,.15);margin:8px 4px 0;border-radius:8px}.satus-shortcut__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-shortcut__primary{display:flex;box-sizing:border-box;width:100%;height:68px;padding:16px;background:rgba(0,0,0,.16);align-items:center}.satus-shortcut__key{display:flex;box-sizing:border-box;min-width:32px;height:32px;padding:4px 8px;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1);align-items:center;justify-content:center}.satus-shortcut__plus{position:relative;width:12px;height:12px;margin:8px}.satus-shortcut__plus::before{position:absolute;top:0;left:5px;width:2px;height:12px;content:'';background-color:#aaa}.satus-shortcut__plus::after{position:absolute;top:5px;left:0;width:12px;height:2px;content:'';background-color:#aaa}.satus-shortcut__mouse{position:relative;display:flex;width:28px;height:36px;border-radius:50%;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1)}.satus-shortcut__mouse>div{position:absolute;top:0;left:13px;width:2px;height:11px;border-radius:2px;background:#ccc}.satus-shortcut__mouse::before{position:absolute;top:-4px;left:21px;width:2px;height:18px;content:'';background:#f96754}.satus-shortcut__mouse.false::after{position:absolute;top:-12px;left:17px;width:0;height:0;content:'';border-right:5px solid transparent;border-bottom:8px solid #f96754;border-left:5px solid transparent}.satus-shortcut__mouse.true::after{position:absolute;top:14px;left:17px;width:0;height:0;content:'';border-top:8px solid #f96754;border-right:5px solid transparent;border-left:5px solid transparent}.satus-section_shortcut{width:100%;margin:8px 0 0;justify-content:flex-end}.satus-button_shortcut{font-weight:500;overflow:hidden;height:28px;min-height:28px;margin-right:2px;padding:4px 8px;text-transform:uppercase;color:#f96754;border-radius:4px}.satus-base{display:flex;flex-direction:column;width:100%;height:100vh}.satus-text-field{position:relative;padding:0 16px;background-color:#333347;border-radius:8px;color:#c4c4d4;overflow:hidden;display:flex}.satus-text-field__pre{display:flex;position:relative;height:100%;margin:0;padding:0;overflow:hidden;align-items:center;flex:1}.satus-text-field__input{font:inherit;position:absolute;top:0;left:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;opacity:0;border:none;appearance:none;z-index:9}.satus-text-field__hidden-text{position:absolute;pointer-events:none;opacity:0}.satus-text-field__text{position:absolute;top:0;left:0;display:flex;height:100%;margin:0;align-items:center}.satus-text-field__cursor{position:absolute;top:6px;left:0;display:none;width:2px;height:25px;animation:blink 1s step-end 8;background:#fa0}.satus-text-field__selection{position:absolute;top:5px;left:0;display:none;width:0;height:25px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.1)}.satus-text-field__input:focus+*+*+*+.satus-text-field__cursor,.satus-text-field__selection:not([disabled]){display:block}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.satus-text-field__text>.group{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.character-class{color:#ffc247;background-color:rgb(255,170,0,.16)}.satus-text-field__text>.quantifier{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.anchor{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.metasequence{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.text{color:#c4c4d4;background-color:rgb(196,196,212,.16)}.satus-header{display:flex;box-sizing:border-box;height:56px;padding:0 16px;color:var(--satus-header-text);background:var(--satus-header-background);align-items:center;justify-content:space-between}.satus-alert{display:flex;box-sizing:border-box;min-height:48px;margin:8px;padding:8px 16px;border-radius:8px;align-items:center}.satus-alert--error{color:#c55959;border:1px solid #641616;background:#430f0f}.satus-layers{position:relative;overflow:hidden;color:var(--satus-layers-text);background:var(--satus-layers-background);flex:1}.satus-layer{position:absolute;top:0;left:0;display:flex;overflow-y:auto;width:100%;height:100%;flex-wrap:wrap;align-content:flex-start}.satus-input[type=text]{font:inherit;box-sizing:border-box;width:100%;margin:0;padding:0;padding:0 8px;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select{position:relative;display:flex;box-sizing:border-box;align-items:center}.satus-select select{font:inherit;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;padding:inherit;cursor:pointer;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select select:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-section--card .satus-select select{text-align-last:right}.satus-pluviam{position:absolute;transform:scale(0);animation-name:pluviam;animation-duration:1s;opacity:.04;border-radius:50%;background:#000;animation-fill-mode:forwards}@keyframes pluviam{0%{transform:scale(0);opacity:.04}70%{transform:scale(.8);opacity:.04}100%{transform:scale(1);opacity:0}} \ No newline at end of file diff --git a/popup/satus.js b/popup/satus.js index 34bcb4e..1fe4ddc 100644 --- a/popup/satus.js +++ b/popup/satus.js @@ -1 +1 @@ -var satus={components:{},events:{},locale:{strings:{}},storage:{data:{}},append:function(M,N){(N||document.body).appendChild(M)},getAnimationDuration:function(M){return 1e3*Number(window.getComputedStyle(M).getPropertyValue("animation-duration").replace(/[^0-9.]/g,""))},attr:function(M,N){if(N)for(var I in N){var A;M.is_svg?M.setAttributeNS(null,I,N[I]):(A=N[I],"title"===I&&(A=satus.locale.get(A)),M.setAttribute(I,A))}},data:function(M,N){if(N)for(var I in N)M.dataset[I]=N[I]},properties:function(M,N){if(N)for(var I in N)M[I]=N[I]},camelize:function(M){for(var N="",I=0,A=M.length;IAlt")),!0===C.ctrlKey&&(N.push("Ctrl"),I.push("
Ctrl
")),!0===C.shiftKey&&(N.push("Shift"),I.push("
Shift
"))," "===C.key?(N.push("Space bar"),I.push("
Space bar
")):"string"==typeof C.key&&-1===["Shift","Control","Alt"].indexOf(C.key)&&("ArrowUp"===C.key?(N.push("↑"),I.push("
↑
")):"ArrowRight"===C.key?(N.push("→"),I.push("
→
")):"ArrowDown"===C.key?(N.push("↓"),I.push("
↓
")):"ArrowLeft"===C.key?(N.push("←"),I.push("
←
")):(A=C.key.toUpperCase(),N.push(A),I.push("
"+A+"
"))),C.wheel&&I.push('
'),c.innerText=N.join("+"),M&&0"))}return t.className="satus-shortcut__label",c.className="satus-shortcut__value",a(),c.dataset.value=c.innerText,N.addEventListener("click",function(){let N=document.createElement("div"),M=document.createElement("span"),I=document.createElement("div"),A=document.createElement("div"),D=document.createElement("div"),i=document.createElement("section"),g=document.createElement("div"),w=document.createElement("div"),j=document.createElement("div");function T(M){return M.preventDefault(),M.stopPropagation(),e=!1,clearTimeout(u),C={key:M.key,keyCode:M.keyCode,shiftKey:M.shiftKey,ctrlKey:M.ctrlKey,altKey:M.altKey},a(D),!1}function S(M){return M.stopPropagation(),!0===e&&(delete C.shiftKey,delete C.altKey,delete C.ctrlKey,delete C.keyCode,delete C.key),clearTimeout(u),u=setTimeout(function(){e=!0},300),C.wheel=M.deltaY,a(D),!1}function L(M){window.removeEventListener("keydown",T),window.removeEventListener("mousewheel",S),!0===M&&(c.innerText=c.dataset.value),N.classList.remove("satus-modal_open"),setTimeout(function(){N.remove()},Number(1e3*document.defaultView.getComputedStyle(N,"").getPropertyValue("animation-duration").replace(/[^0-9.]/g,"")))}N.className="satus-modal satus-modal_open",M.className="satus-shortcut-modal-label",I.className="satus-modal__scrim",A.className="satus-modal__surface satus-modal__surface_shortcut",D.className="satus-shortcut__canvas",i.className="satus-section satus-section--align-end satus-section_shortcut",g.className="satus-button satus-button_shortcut",w.className="satus-button satus-button_shortcut",j.className="satus-button satus-button_shortcut",M.innerText=t.innerText,a(D),window.addEventListener("keydown",T),window.addEventListener("mousewheel",S),I.addEventListener("click",L),g.addEventListener("click",function(){L(),a()}),w.addEventListener("click",L),j.addEventListener("click",function(){L(!1)}),i.appendChild(g),i.appendChild(w),i.appendChild(j),A.appendChild(M),A.appendChild(D),A.appendChild(i),N.appendChild(I),N.appendChild(A),document.body.appendChild(N)}),N.appendChild(t),N.appendChild(c),N},satus.components.shortcut=function(M){var N=document.createElement("button"),I=document.createElement("div");return N.className="satus-button",I.className="satus-shortcut__value",N.update=function(){var M=satus.storage.get(this.storage)||this.skeleton.value||{},N=[];if(M.shift&&N.push("Shift"),M.ctrl&&N.push("Ctrl"),M.alt&&N.push("Alt"),"object"==typeof M.keys)for(var I in M.keys){var A=M.keys[I].key||M.keys[I].code;32===I&&(A="space"),N.push(A)}this.valueElement.textContent=N.join(" + ")},N.render=function(){var M,N,I,A=this,D=this.primary.children;function i(M){var N=document.createElement("div");return N.className="satus-shortcut__"+M,A.primary.appendChild(N),N}for(M in satus.empty(this.primary),this.data.alt&&(i("key").textContent="Alt"),this.data.ctrl&&(D.length&&-1!==D[D.length-1].className.indexOf("key")&&i("plus"),i("key").textContent="Ctrl"),this.data.shift&&(D.length&&-1!==D[D.length-1].className.indexOf("key")&&i("plus"),i("key").textContent="Shift"),this.data.keys)D.length&&-1!==D[D.length-1].className.indexOf("key")&&i("plus"),i("key").textContent=this.data.keys[M].key.toUpperCase();this.data.wheel&&(D.length&&-1!==D[D.length-1].className.indexOf("key")&&i("plus"),N=i("mouse"),I=document.createElement("div"),N.appendChild(I),N.className+=" "+(0