diff --git a/core/images/cloud-error.tid b/core/images/cloud-error.tid
deleted file mode 100644
index d0bf95614f..0000000000
--- a/core/images/cloud-error.tid
+++ /dev/null
@@ -1,12 +0,0 @@
-title: $:/core/images/cloud-error
-tags: $:/tags/Image
-
-
diff --git a/core/images/cloud-sync.tid b/core/images/cloud-sync.tid
deleted file mode 100644
index b8cada5de9..0000000000
--- a/core/images/cloud-sync.tid
+++ /dev/null
@@ -1,9 +0,0 @@
-title: $:/core/images/cloud-sync
-tags: $:/tags/Image
-
-
\ No newline at end of file
diff --git a/core/images/cloud.tid b/core/images/cloud.tid
index 7230c238bc..f4520492bf 100644
--- a/core/images/cloud.tid
+++ b/core/images/cloud.tid
@@ -3,6 +3,8 @@ tags: $:/tags/Image
+
+
+
+
+
\ No newline at end of file
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 635a2b6088..b17e8d3b15 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -2462,24 +2462,29 @@ input.tc-palette-manager-colour-input {
*/
body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {
- fill: <>;
+ transition: fill 250ms ease-in-out;
color: <>;
+ fill: <>;
}
-body.tc-dirty .tc-dirty-control {
- display: inline;
+body .tc-image-cloud-progress {
+ fill: <>;
+ transition: opacity 450ms linear;
+ opacity: 0;
}
-body.tc-dirty .tc-dirty-control.tc-hide-when-dirty {
- display: none;
+body.tc-dirty .tc-image-cloud-progress {
+ opacity: 1;
}
-body .tc-dirty-control.tc-show-when-dirty {
- display: none;
+body .tc-image-cloud-error {
+ fill: <>;
+ transition: fill 450ms linear, opacity 450ms linear;
+ opacity: 0;
}
-body.tc-dirty .tc-dirty-control.tc-show-when-dirty {
- display: inline;
+body.tc-dirty .tc-image-cloud-error {
+ opacity: 0;
}
/*